Vertical Text in Tables 45°
Posted by Ed Johnson on 05 Aug 2010 19:50, last edited by Ed 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)
page revision: 2, last edited: 05 Aug 2010 20:02