SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: Vertical text

  1. #1
    SitePoint Addict
    Join Date
    Apr 2003
    Posts
    208
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Vertical text

    Hey

    Any way to flip text so that it's vertical with CSS or maybe a lil JavaScript power too. I've done it before, but I can't remember what I did to accomplish it.

    Vertical so you have to slant your head to the side to read it.

    Regards,
    Chris

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    vertical text a IE only

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>12345 12345 12345 12345 12345 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    .txtvtb,.txtvbt{
    writing-mode: tb-rl;
    font-family:Arial,Helvetica,sans-serif;
    color:#000000;
    font-size:60px;
    font-weight:900;
    }
    .txtvbt{
    writing-mode: tb-rl; filter: flipv() fliph();
    }
    </style> 
    </head>
    <body>
    <div>
    <span class="txtvtb">jetaime&nbsp;mon&nbsp;amour</span>
    <span class="txtvbt">jetaime&nbsp;mon&nbsp;amour</span>
    </div>
    </body>
    </html>


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
  •