Vertical Text in Tables 270°

Posted by Ed JohnsonEd Johnson on 05 Aug 2010 19:48, last edited by Ed JohnsonEd 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)

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