Topic: Rotate text with CSS (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=11093" title="Pages that link to Topic: Rotate text with CSS (Page 1 of 1)" rel="nofollow" >Topic: Rotate text with CSS <span class="small">(Page 1 of 1)</span>\

 
Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 11-03-2003 16:51 Edit Quote

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

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 11-03-2003 18:10 Edit Quote

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

___________________
Emps

The Emperor dot org

ozphactor
Maniac (V) Inmate

From: California
Insane since: Jul 2003

IP logged posted posted 11-05-2003 21:21 Edit Quote

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...

Suho1004
Maniac (V) Inmate

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 11-06-2003 10:39 Edit Quote

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

zhangweiwu
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Apr 2005

IP logged posted posted 04-20-2005 16:23 Edit Quote

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)

code:
<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.

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 04-20-2005 19:33 Edit Quote

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

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 04-21-2005 00:11 Edit Quote

bahahahahah (sorry )

Suho1004
Maniac (V) Mad Librarian

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 04-21-2005 04:30 Edit Quote

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!"

Blaise
Bipolar (III) Inmate

From: London
Insane since: Jun 2003

IP logged posted posted 04-21-2005 10:13 Edit Quote

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

gergLeft
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Oct 2005

IP logged posted posted 10-20-2005 22:56 Edit Quote

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.

Skaarjj
Maniac (V) Mad Scientist

From: :morF
Insane since: May 2000

IP logged posted posted 10-21-2005 05:29 Edit Quote

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

Tyberius Prime
Paranoid (IV) Mad Scientist with Finglongers

From: Germany
Insane since: Sep 2001

IP logged posted posted 10-21-2005 09:18 Edit Quote

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

Karl
Bipolar (III) Inmate

From: Phoenix
Insane since: Jul 2001

IP logged posted posted 12-31-2005 17:21 Edit Quote

(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..

r3n3g4d3
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Mar 2008

IP logged posted posted 03-13-2008 14:40 Edit Quote

Oldest thread ever.

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 03-13-2008 18:20 Edit Quote

Now you die.

tgkprog
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Apr 2008

IP logged posted posted 04-04-2008 18:49 Edit Quote

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)



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu