Results 1 to 5 of 5

Thread: Rotated Vertical Text (CSS maybe?)

  1. #1

    Thread Starter
    Addicted Member Phenix's Avatar
    Join Date
    Sep 2002
    Location
    Near A Cube
    Posts
    228

    Question Rotated Vertical Text (CSS maybe?)

    I would like to have more columns displayed in a smaller width than they would be if the text was horizontal on an HTML Table. So I figured I could rotate the column label text to be vertical as MS Excel's "Align" allows. How can I get rotated text displayed on a web page?

    I've attached an image. I really want vertical, but any general angle would be good as a reference.

    Maybe I should just put an image (like the one attached) in a table cell above the real table columns. But would the spanning width always be correct for anyone browsing my page?
    Attached Images Attached Images  

  2. #2
    Frenzied Member DeadEyes's Avatar
    Join Date
    Jul 2002
    Posts
    1,196
    I'm not aware of any way to rotate text, using images is probably your best bet. Maybe even using small icon style images with a legend at the bottom of the table.

  3. #3
    Frenzied Member msimmons's Avatar
    Join Date
    Jul 2001
    Location
    Houston, TX
    Posts
    1,057
    t'is IE only and still acts wierd... I would suggest images as well.
    Code:
    .90degrees { writing-mode:tb-rl; filter:fliph() flipv();}
    I'm off to GalahTech, hope to see you there.

    If you don't like the rules they make, refuse to play their game. -- Steve Ignorant.

  4. #4
    Frenzied Member Rick Bull's Avatar
    Join Date
    Apr 2002
    Location
    England
    Posts
    1,444
    Yeah I would go with the image too, just make sure you specify the ALT attribute as the same as whatever the text in the image is so that people wihout image capable browsers, or if the image can't be found, can still see the text.

  5. #5

    Thread Starter
    Addicted Member Phenix's Avatar
    Join Date
    Sep 2002
    Location
    Near A Cube
    Posts
    228
    Thanks for your replies.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width