Rotate text in IE8+ table |
Rotate text in IE8+ table |
Zwired1 |
Feb 4 2012, 01:51 AM
Post
#1
|
Group: Members Posts: 3 Joined: 4-February 12 Member No.: 16,395 |
I need to rotate certain cells in an all-text table by 90 degrees in IE8+ only. Stacked non-rotated characters or images won't work for my application. I am sort of able to do what I need using a BasicImage filter but the cell ends up square, as if the width is set by the unrotated text and then the height is set by the rotated text. I need to set the height and width of the cell independently. Here's my code:
<table border="3" WIDTH="300"> <tr> <td></td> <td> <div STYLE= "height:1; background: gray; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);"> Header number 1. </div> </td> <td> <div STYLE= "filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); height:1; background: gray;"> Header 2. </div> </td> </tr> <tr> <td >text</td> <td >text</td> <td >text</td> </tr> </table> |
Christian J |
Feb 4 2012, 08:15 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,649 Joined: 10-August 06 Member No.: 7 |
"text-align: right;" should work then.
|
Lo-Fi Version | Time is now: 17th April 2024 - 02:28 AM |