Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5

Thread: Text Rotation?

  1. #1
    Regular Coder
    Join Date
    Jan 2004
    Location
    London, UK
    Posts
    234
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Text Rotation?

    Is there a CSS attribute to write vertical text? If not that would be cooool. Will i just have to use an image?

  • #2
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, you don't want to write to much otherwise it'll be illegible, so an image with image-replacement would be the way to go.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #3
    Regular Coder
    Join Date
    Jan 2004
    Location
    London, UK
    Posts
    234
    Thanks
    0
    Thanked 0 Times in 0 Posts
    image replacement? like a rollover? or an alt attrib?

  • #4
    me'
    me' is offline
    Senior Coder
    Join Date
    Nov 2002
    Location
    Warwickshire, England
    Posts
    1,229
    Thanks
    0
    Thanked 0 Times in 0 Posts
    To explain image replacement I first need to explain something else — the seperation of content and style. This means keeping your content in one file, and the style (the CSS rules that determine how the page should look) in another. This carries many advantages, mostly ease of updateability, but also alternate devices can be presented with a perfectly good looking page easily without writing in WML or something.

    Many people use images as a way of presenting fancy text. Images are presentational markup, they are not just pure text. So, what we normally do, is write the text in the (X)HTML, and use CSS to hide that text and present the image. There are several methods, here is my favourite:
    Code:
    (X)HTML code with the text:
    <h1>Hello World</h1>
    
    CSS code to show image:
    h1 {
      text-indent: -2000em;
      background: #fff url(image.gif) no-repeat}
    Of course, if you wanted to use the image replacement on a tag that appeared several times on your page, you shoud give the element an id (eg <h1 id="header">) and use the id selector in your CSS (eg h1#header {...}).

    HTH.
    David House - Perfect is achieved, not when there is nothing left to add, but when there is nothing left to take away. (Antoine de St. Exupery).
    W3Schools | XHTML Validator | CSS Validator | Colours | Typography | HTML&CSS FAQ | Go get Mozilla Now | I blog!

  • #5
    Regular Coder
    Join Date
    Jan 2004
    Location
    London, UK
    Posts
    234
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh ok. I think i get you, cheers

    ps i already separate content and style


  •  

    Posting Permissions

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