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!
-
Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Vertical text? 1
- Thread starter snoopy75
- Start date
-
1
- #2
adamjones81
Technical User
<br /> is the XHTML version of <br>. In XHTML, all tags must be closed, so if there is a tag like <img> or <br>, <hr>, they don't get closed by doing </br>, etc. They must be closed like this:
<img/>
<br/>
<hr/>
The space is because NS messes things up if there is no space.
Rick -----------------------------------------------------------
<img/>
<br/>
<hr/>
The space is because NS messes things up if there is no space.
Rick -----------------------------------------------------------
Hi Ryan,
Try this:
<html>
<head>
<style>
.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td><div class="verticaltext">This is Vertical Text</div></td>
<td><div class="verticaltext">This is another Vertical Text</div></td>
<td>This is NOT Vertical Text</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>
Hope this helps,
Erik
<-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
Try this:
<html>
<head>
<style>
.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td><div class="verticaltext">This is Vertical Text</div></td>
<td><div class="verticaltext">This is another Vertical Text</div></td>
<td>This is NOT Vertical Text</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>
Hope this helps,
Erik
<-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
Hi guys,
Just be aware that this requires IE5.5 or higher.
Adam's suggestion is the best way to go and will show it in the way that you wanted in all browsers, lr-tb actually turns the text rather than showing the letters horizontally.
Hope this helps Wullie
The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell
Just be aware that this requires IE5.5 or higher.
Adam's suggestion is the best way to go and will show it in the way that you wanted in all browsers, lr-tb actually turns the text rather than showing the letters horizontally.
Hope this helps Wullie
The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell
- Thread starter
- #7
Ryan,
Don't worry, it's always the easy ones that get the most time spent on them.![[wink]](/data/assets/smilies/wink.gif "[wink] [wink]")
Wullie
The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell
Don't worry, it's always the easy ones that get the most time spent on them.
WullieThe pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell
adamjones81
Technical User
Glad I could help 
- I thought at first maybe I was missing something in your original question lol but like Wullie said the easiest ones get the most time spent on them. Adam
PC-Tek Forum
- I thought at first maybe I was missing something in your original question lol but like Wullie said the easiest ones get the most time spent on them. AdamPC-Tek Forum
- Status
Similar threads
- Locked
- Question
- Locked
- Question