Vertical Text in Tables 270°
Posted by Ed Johnson Ed Johnson on 05 Aug 2010 19:48, last edited by Ed Johnson Ed Johnson on 05 Aug 2010 19:49
:
| 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]]
Backlinks (Links to this page from others):
Comments:
Number of Comments: 0)
page revision: 1, last edited: 05 Aug 2010 19:49