Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Text vertical align

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #24931
    stArwAsh
    Member

    Hellow,

    Is it possible to vertical allign text and not only in IE but in all browsers. I have searched the web but didn’t find any good solution.

    My website is http://shoot.palenta.be

    The problem is the near every album (image) there must be a name and a date vertical. Now one album is on image. I want to seperate this in 3 divs. So I have the name (1), the image of the album (2) and the date (3). That should slow down the loading time of the site. But I want the text vertical.

    Maybe someone has some script that I can use or another solution.

    Thanks ;)

    Filip

    #58023
    apostrophe
    Participant

    My initial reaction was no it’s not possible, but it is quite an intriguing problem so I had a look aroud to see what I could find.
    Came up with this http://www.cssplay.co.uk/menus/vertical.html and this http://bytes.com/topic/javascript/answers/721811-solution-display-text-rotated-90-vertically-firefox-css.
    Personally I think I would be inclined to just do it with normal text and then replace the text with an image via css.

    #58038
    AshtonSanders
    Participant

    Did that answer your question? Or are you talking about just having the same amount of space above and below a line of text?

    #58086
    stArwAsh
    Member

    Sorry for the late response.

    I mean that I want to turn text 90 degrees left like you can see on my website. Now I’m using images, but if I can use plain text and each time the same background, then the website would be much faster. ( example image http://shoot.palenta.be/albums/an2/analbum2.jpg ) I want to cut it in 3 parts.

    thx

    #58088
    apostrophe
    Participant

    No it can’t be done at present. I believe it is part of the css3 spec but no browser that I am aware of supports it.

    I’ve just checked your page with YSlow and it actually rates pretty well, if you want to try and speed it up then you should look at adding ‘Expires headers’ http://developer.yahoo.com/performance/rules.html#expires and ‘gzipping your css and js files’ http://developer.yahoo.com/performance/rules.html#gzip

    #58094
    stArwAsh
    Member

    Thank you for all the help. I’m gona fine tune my CSS a little bit, I know it’s still messy :)

    Thanks for the help ;)

    greetz

    Filip

    #58116
    Chris Coyier
    Keymaster

    Rotation is a possibility with proprietary CSS in webkit browsers:
    http://webkit.org/blog/130/css-transforms/

    Not supported enough to be used in very widespread situations though. Maybe there is something that could be done with JavaScript and <canvas>?

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.