Vertical Text in Tables 45°

Posted by Ed JohnsonEd Johnson on 05 Aug 2010 19:50, last edited by Ed JohnsonEd Johnson on 05 Aug 2010 20:02
Tags:

test column 1 test column 2 test column 3
some other text some other text some other text
some other text some other text some other text

The Code

[[module css]]
table.wiki-content-table th {
    height: 90px;
    padding: 10px;
    background: transparent;
    -moz-transform: rotate(-45deg);  /* FF3.5+ */
    -o-transform: rotate(-45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-45deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
    zoom: 1;
}
[[/module]]
||~ test column 1||~ test column 2||~ test column 3||
|| some other text||some other text||some other text||
||some other text||some other text||some other text||

Number of Comments: 0)

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License