Is there a way to orient text vertically?

[wolfv]

Is there a way to orient text vertically? (As in rotating normal text 90
degrees). I have an html table populated by narrow columns and need vertical
headings to fit inside the columns. Can coldfusion, html, or java script
orient text vertically?

Thank you

[kenji776]

well, i don't have an exact answer for you, but what you could do is try to
break the title into an array, then loop through the array putting a breakline
after each iteration of the loop, therfor causing a verticle orientation. So
basic steps are
1) Get the whole word
2) Find a way to break the word down letter by letter
3) loop through the word breaking line after each iteration.

Sorry I can't be more exact cause i can't think of the exact functions im
looking for here, but either way maybe that helps a little, sorry if it
doesn't. Good luck man.

[mxstu]

The last time I checked, it could be done with CSS, but only worked in IE. A fall-back is resorting to the ugly <br> hack.

<table><tr><td>V<br>A<br>L<br>I<br>G<br>N</td></tr></table>

[kenji776]

yeah, the <br> way isn't pretty, but at least it works...

[mxstu]

Ooops, I didn't see your first response until after I posted.

True, but the output is consistent in other browsers. I guess we'll have to see what happens with CSS3.

[wolfv]

Which CSS attribute orients text vertically? A CSS IE-only solution would be perfect. The page is for internal use, and my company uses IE.

Thank you for your responses.

[mxstu]

It's "writing-mode" plus a filter. This link has an [url]http://www.ssi-developer.net/css/vertical-text.shtml[/url]. You can also google for "CSS vertical text" and there are many more.
HTH

[wolfv]

Thank you mxstu. This writing-mode will work great.