Topic: Rotate text with CSS (Page 1 of 1)

Hello, is there a way to rotate the text using CSS?
Karl

Karl: Yes it is possible but it uses IE filters - see an xample at:
http://webfx.eae.net/

___________________
Emps

The Emperor dot org

Do you just need to rotate a heading or something?

As Emps pointed out, the CSS solution is IE-only, so if you want cross-browser support (and I'm assuming you do), you're better off just setting it in an image...

And speaking of setting it in an image, if this is something you need to do dynamically, you could always use PHP/GD. If you're interested in that route, I believe the Gurus Network has a handy tutorial on the subject...

Dynamically writing text to images with PHP

(Note: the tutorial doesn't specifically do text rotation, but it is covered, however briefly. It's simply a matter of specifying an angle, and so it shouldn't be too hard to figure out if that's what you want to do. Sorry to bring up a PHP solution to a CSS question, but I just think it's a really nifty tutorial.)




___________________________
Suho: www.liminality.org

if you wish to rotate text, and if your 'text' is not Chinese/Japanese/Korean ideograph character, then you can simply use a CSS style, e.g. (below example I didn't test because I use Linux)

<div style="writing-mode: tb-rl">This text should be rotated vertically</div>

details:

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/writingmode.asp

This is an IE feature, mozilla/opera does not support it (and does not plan to). That's why my above example is not tested. This happens to be the *only* feature that I prefer IE over firefox/mozilla.

Umm, do you think you added somthing that was not already said to this 1.5 year old thread?

bahahahahah (sorry )

Man, and I thought Yannah was the master at digging up old threads...

In other news, how was this thread not already in the Sink? I thought there was a six- (or was it nine) month no-activity limit, after which all threads were locked and moved to the Sink...

___________________________
Suho: www.liminality.org | Cell 270 | Sig Rotator | the Fellowship of Sup | "Hooray for linguistic idiots and yak milk!"

Wowzers! That's gotta be a record, 1 and a half years, congratulations!

Piggybacking on the current train of thought, I got an HTML table with long heading titles in the first row that I need to print diagonally. Is this possible? or do I have to use an image for the headings?

so that it looks like this with the headings' text printed diagonally.

----------------------------------
| / / / / / / / / /
| / / / / / / / / /
---------------------------------
| | | | | | | | | |
---------------------------------
| | | | | | | | | |
---------------------------------
| | | | | | | | | |
---------------------------------
| | | | | | | | | |
---------------------------------

Thanks.

Frankly, small, simple images may add a tiny amount to your page load times, but they're a lot safer, cross-browser-wise


Justice 4 Pat Richard

suho: true, but the sink only works or forums that have an archive set. Not all do.

(submitter of original post - boy don't I feel like a proud father) Well and actually, it kinda scared me a bit, because I did not recall posting this question as of recent months and so seeing it active in this forum was like "Oh man, I'm really losing it!".

Karl..

Oldest thread ever.

Now you die.

i had to align text vertically too - just 2 words in a table th tag; and get it to work in opera (my fav)

i used <br> after each character ... can use a function i guess to take a string and insert brs but i just did it by hand as it was a few letters. fyi i stumbled on this thread via google.

~* http://sel2in.com/ *~ Have you clicked today http://www.thehungersite.com/ ? Have you played today http://freerice.com/ ?

(Edited by tgkprog on 04-04-2008 19:16)