Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Vertical Tilt of a Text Label in a Table

Status
Not open for further replies.
varavoorvishnu

varavoorvishnu

Programmer
Sep 9, 2002
45
Hi All,
Is it possible to vertically tilt a text label in a table of HTML file using CSS.
since this html file runs both IE5+ and NS4.7.
Plz get bak to me ASAP.

Thanx in Advance.
Vishnu
 
Sort by date Sort by votes
Code: 
<label style=&quot;position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3)&quot;>This is vertical text</label>
 
Upvote 0 Downvote
Hi Supra,
Thnx for the immediate response.
I dont want the text to be displayed 180* instead i want them display 90* titled.
What u have done is mutual wrapping of the whole text written 180*.
If u could help me in this issue it would be of great help.


Thnz in Advance,
Vishnu
:)
 
Upvote 0 Downvote
Just change rotation=3 to rotation=1.
Code: 
<label style=&quot;position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)&quot;>This is vertical text</label>
 
Upvote 0 Downvote
Hi my friend ...
Just check whether there is anything wrong with the code...

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME=&quot;Generator&quot; CONTENT=&quot;EditPlus&quot;>
<META NAME=&quot;Author&quot; CONTENT=&quot;&quot;>
<META NAME=&quot;Keywords&quot; CONTENT=&quot;&quot;>
<META NAME=&quot;Description&quot; CONTENT=&quot;&quot;>
</HEAD>

<BODY><TABLE>
<TR>
<TD><label style=&quot;position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)&quot;>This is vertical text</label></TD>
<TD>AAAA</TD>
</TR>
<TR>
<TD>BBBB</TD>
<TD></TR>
</TABLE>
</BODY>
</HTML>


Vishnu
 
Upvote 0 Downvote
The text crams together because the text label is set to position:absolute. I won't suggest a fix as of yet because I'm not exactly sure what you need. Where exactly do you want the vertical text?
 
Upvote 0 Downvote
Hi supra..
I wanted the table headers to appear in vertical fashion (i.e) exactly titled 90* above the corresponding data since the table is big to fit the page rather than displaying the headers horizontally manner.
This is the scenarion where i need this type of tilting the text.

Vishnu
 
Upvote 0 Downvote
Here is a link that may help, IE only though by the look of it.
thread215-269209 Hope I helped / Thanks for helping
if ((x<10&&y<10) &&(((parseInt(x.toString()+y.toString())-x-y)%9)!=0)){ alert(&quot;I'm a monkey's uncle&quot;); }
 
Upvote 0 Downvote
varavoorvishnu

I dont want the text to be displayed 180* instead i want them display 90* titled.


Do you mean 45' or 90'??

The code provided does exactly as you asked.

45' is approximately the same as a slash. 90' is a right angle. ^
180' rotation of text would make it upside-down.
360' is a full rotation.

Hope this helps Wullie


The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
411
spamjim
spamjim
scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
335
3esolar
3
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
125
Alt255
Alt255
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
636
Mike Lewis
Mike Lewis
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
710
Chris Miller
Chris Miller

Part and Inventory Search

Sponsor

Back
Top