The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Rotate text in IE8+ table
post 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">
<div STYLE= "height:1; background: gray; filter:
Header number 1. </div>

<div STYLE= "filter:
progid:DXImageTransform.Microsoft.BasicImage(rotation=3); height:1; background: gray;">
Header 2. </div>

<td >text</td>
<td >text</td>
<td >text</td>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:


- Lo-Fi Version Time is now: 20th August 2014 - 03:26 PM