Vertical Text in Tables 270°
Posted by Ed Johnson on 05 Aug 2010 19:48, last edited by Ed Johnson on 05 Aug 2010 19:49
Tags:
column1 | column2 | column3 |
---|---|---|
some | slim | text |
some | slim | text |
The Code
[[module css]]
table.wiki-content-table th {
height: 140px;
padding: 10px;
background: transparent;
text-align: center;
-moz-transform: rotate(270deg); /* FF3.5+ */
-o-transform: rotate(270deg); /* Opera 10.5 */
-webkit-transform: rotate(270deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-1.8369701987210297e-16, M12=1, M21=-1, M22=-1.8369701987210297e-16); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-1.8369701987210297e-16, M12=1, M21=-1, M22=-1.8369701987210297e-16)"; /* IE8 */
zoom: 1;
}
[[/module]]
[[div style="width:300px;"]]
||~ column1||~ column2||~ column3||
||some||slim||text||
||some||slim||text||
[[/div]]
Number of Comments: 0)
page revision: 1, last edited: 05 Aug 2010 19:49