CSS text align top to bottom question

[Cormac]

Hi guys, is it possible to run text on its side from top to bottom like so using CSS?

I tried to google about the place but I'm not sure on the search terms or even if it's possible.

Cheers.

 

[3rigena]

not afaik.

 

[louie]

CSS Guides: Vertical Text, SSI-Developer.net

you could aslo convert the text into an image.

 

[Cormac]

Cheers Louie, I'm trying to avoid using images. Unfortunately that code isn't cross platform.

Thanks nonetheless.

 

[louie]

the reason i said converting the text into image on the fly.

phpgd.com some good articles

 

[enzo]

Someone linked to my site woo whooo!!

Yep, the css filters are IE only (unless something has changed since I last checked).

I'd be surprised if it couldn't be done with js but images would be my first choice.

Here's an example with js... not sure about x-browser compatibility tho:

Vertical text script- Developer's View

 

[Gala]

I doubt very much you'll be able to pull that one off with CSS that will satisfy all browsers. I wouldnt even be confident of doing it with JS. Why cant it be an image?

 

[Cormac]

I don't want to use an image for seo purposes. I was planning on using vertical text for a menu system.
It seems like my only option though...that or using flash.

 

[3rigena]

[deleted]

 

[Gala]

^^ he beat me to it. the text wont show but search engines will still read it. if you do find that the text is coming to the front then use css such as:

divname img
{
z-index: 1;
}

 

[Cormac]

Thanks Liam, cheers Chris.
It's the only logical solution alright.