Text rotated 90 - deg. is it possible ?

[msorion]

hi
how can I write a text rotated 90 deg in a table ?

ms

 

[Chris Morris]

how can I write a text rotated 90 deg in a table ?

Presumably this is for a data table with a *lot* of column headings,
where sideways text gives more chance of fitting everything into
available width? If not, jump straight to the last paragraph of this
post.

The only way I can think of to do this is to use images of text.
Obviously you'll need to set the alt attribute of the image to be the
same as the text, but I'd recommend setting the title attribute to be
this as well, as this will allow people using some common browsers to
read the text non-sideways by hovering over the heading.

So, for example:
<th scope="col"><img src="SidewaysPicOfHeading-Temperature.png"
alt="Temperature" title="Temperature"></th>

Make sure you pick a readable font and use a decent font size for the
image text (at least 12pt, possibly higher if you can) since image
resizing is not supported by most browsers (Opera, which does support
it, doesn't work that well for enlarging text) and making the text
reasonably large increases the number of people able to read it.

If you provide a URL with an example of where you want to rotate the
text, we might be able to provide more specific advice.

 

[Headless]

since image
resizing is not supported by most browsers (Opera, which does support
it, doesn't work that well for enlarging text)

Works fine if you use gif or png, jpeg shouldn't be used for those sorts
of images.


Headless

 

[dj]

hi
how can I write a text rotated 90 deg in a table ?

ms

The yet to be recommended CSS3 has a text property
'glyph-orientation-vertical' that does exactly what you want, but it could
be a while till it is readily available.
http://www.w3.org/TR/2003/CR-css3-text-20030514/#properties

dj

 

[Titus A Ducksass]

The yet to be recommended CSS3 has a text property
'glyph-orientation-vertical' that does exactly what you want, but it could
be a while till it is readily available.
http://www.w3.org/TR/2003/CR-css3-text-20030514/#properties

dj>

Damn - DKJ....

 

[Jacqui or (maybe) Pete]

hi
how can I write a text rotated 90 deg in a table ?

I've been trying to remember the IE-only method - I see someone
suggested vertical-ideographic but I thought there was another one.

Anyway - I don't know if it helps but maybe just doing something like
the text in:

http://porjes.com/flyout.html

would do? Just a thought.