SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    aligning text upwards ie reading bottom to top?!

    Slightly stumped as I am trying to draw a table and in the cells at the top I would like to have the text vertical i.e you would read bottom to top - as I want the columns to remain very thin.

    Seems strange but I can't seem to find how this can be done - is at all - at present I am using gif/jpg answer but thought that it really should be able to be doen with either css or some sort of alignment?

    Any comments welcome..

    Thank you

    Sarah

  2. #2
    SitePoint Evangelist pip's Avatar
    Join Date
    Jun 2001
    Location
    Cape Town, South Africa
    Posts
    548
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As far as I know, plain text can only be kept in an up-straight position on a web page, although I also do find it strange that it has not yet been implemented.

    If you do find out, let me know how!
    - Pip
    ---------------------------------------------------------------------------------
    Nothing takes the taste out of peanut butter quite like unrequited love.

  3. #3
    Xbox why have you forsaken me? moospot's Avatar
    Join Date
    Feb 2001
    Location
    Clearwater, FL
    Posts
    3,615
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It would be interesting to know if you could do this with CSS. The only thing I can think of besides using an image is to use a table with muliple cells. Put a letter in each cell the way you want it to appear on the page.

    I know thats rather sloppy and complicated, but it may be the only way to get text to show up the way you want.

  4. #4
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    yep the only thing with doing that is that the text would not be the right way i.e.
    h
    a
    r
    a
    s

    when I want it to read properly sideways - can't even get it right on here!!!!

    But I think its going to be one of those things that you can't do I have hunted through my css book but the only thing that you can do with text is decorate it and align it but not rotate it!

    oh well - but then would do you mention it to get it added to css?!

    Sarah

  5. #5
    Marketing Guru ;) Johan Malmberg's Avatar
    Join Date
    Jun 2001
    Location
    Sweden
    Posts
    266
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wouldn't it be possible to create a javascript that does this?

    In the worst case you cabn create a java-applet.

  6. #6
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    hmm got me on that one I am not sure at all, no script springs off the top of my head!?

  7. #7
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sarah, I don't know if the bottom to top text alignment is possible, after all, no society on the planet reads that way. You can however do rtl (right to left) and ttb (top to bottom) alignment using CSS and dHTML (IE only of course). Start reading about it right here:
    http://msdn.microsoft.com/library/de...irection_1.asp

    and here:
    http://msdn.microsoft.com/library/de...rticaltext.asp

    Also, here is a really quick sample (from the MS website). View this code chunk in IE 5 or above.

    <HTML>
    <BODY>
    <DIV style="writing-mode:tb-rl; width:50cm">
    This is a sentence in a DIV element with vertical layout.
    </DIV>
    </BODY>
    <HTML>
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  8. #8
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    cheers but yes I know you can do right to left etc, but you know when you have a large table with big headings at the top and it saves space to write them 'upwards' well that is what I am after - I know no one else seems to need it but my guys do...

    never mind it works fine with a gif - just thought that I would ask to see if anyone else had come across it!

    Thanks though

    Sarah

  9. #9
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yup...for that sort of thing, an image is still your best bet.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  10. #10
    Xbox why have you forsaken me? moospot's Avatar
    Join Date
    Feb 2001
    Location
    Clearwater, FL
    Posts
    3,615
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sarah,

    I must have just missed the boat on that one. I was visualizing your text like:

    h
    a
    r
    a
    s

    when in fact you wanted id like sarah but rotated 90 degrees CCW. Gotcha now


    Even if you use MS Word and convert it to and HTML file, it saves it as an image.
    Last edited by moospot; Jul 17, 2001 at 08:15.

  11. #11
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    hadn't thought of the word -> html file I shall try that as my gif file is looking a bit small (for the clients who need glassses) so I need to increase it somewhat!

    Never mind nice thread to mull over

    Sarah ..

  12. #12
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hold on a minute...so you want the text to be like this:

    S
    A
    R
    A
    H

    ? I might be missing the boat on this one too. Can you whip up an image that illustrates what you want? I'd like to see a good representation of it please, if it's not too much trouble.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  13. #13
    blonde.... Sarah's Avatar
    Join Date
    Jul 2001
    Location
    Berkshire, UK
    Posts
    7,442
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    nope all missing the boat - sorry its kidn of hard to explain

    Anyway image here.... (Q20 at the end)

    http://roadrunner.crxnet.com/leafuse...y/detail2.html

    Sarah


  14. #14
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    got it...I understand now. Yeah, an image is going to be your only way for that, especially at an angle like that example.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes


Bookmarks

Posting Permissions

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