Text rotated 90 - deg. is it possible ?

Discussion in 'HTML' started by msorion, Jul 21, 2003.

  1. msorion

    msorion Guest

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

    ms
    msorion, Jul 21, 2003
    #1
    1. Advertising

  2. msorion

    Chris Morris Guest

    msorion <-cut.pl> writes:
    > 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.

    --
    Chris
    Chris Morris, Jul 21, 2003
    #2
    1. Advertising

  3. msorion

    Headless Guest

    Chris Morris <> wrote:

    >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
    Headless, Jul 21, 2003
    #3
  4. msorion

    dj Guest

    "msorion" <-cut.pl> wrote in message
    news:bfh1kh$8av$...
    > 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
    dj, Jul 21, 2003
    #4
  5. On Tue, 22 Jul 2003 06:52:48 +1000, "dj" <>
    wrote:

    >
    >"msorion" <-cut.pl> wrote in message
    >news:bfh1kh$8av$...
    >> 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>

    Damn - DKJ....
    Titus A Ducksass, Jul 22, 2003
    #5
  6. In article <bfh1kh$8av$>, -
    cut.pl says...
    > 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.
    Jacqui or (maybe) Pete, Jul 22, 2003
    #6
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Jae

    Rotated text in a datagrid

    Jae, Nov 21, 2003, in forum: ASP .Net
    Replies:
    2
    Views:
    1,427
    vMike
    Nov 22, 2003
  2. Eric Apperley

    Tkinter - Drawing rotated text in a widget

    Eric Apperley, Mar 12, 2006, in forum: Python
    Replies:
    1
    Views:
    1,328
    Cameron Laird
    Mar 12, 2006
  3. still just me

    &deg; - is it dependable?

    still just me, Nov 19, 2007, in forum: HTML
    Replies:
    4
    Views:
    3,859
    still just me
    Nov 20, 2007
  4. thedarkman

    rotated text - problem solved

    thedarkman, Oct 16, 2010, in forum: HTML
    Replies:
    24
    Views:
    1,282
    Hugues
    Oct 27, 2010
  5. lyoute
    Replies:
    11
    Views:
    459
    David K. Wall
    Feb 3, 2004
Loading...

Share This Page