Sideways text

Yaakov · Joined: 07 Dec 2007 Posts: 9

I am trying to show text under a bar graph. I would prefer to show it at a 45 degree angle like excel but I can only find to turn it at 90 degrees.

In IE it works like this
<head>

<style>
#verticaltext {writing-mode: tb-rl; filter: flipv fliph; font-size: 10px;}
</style>

</head>
<body>
…
<div align=left valign=center id="verticaltext">'some text'</div>
</body>

Does anybody know how to show text Sideways in Firefox or other browsers?

camoman666 · Posted: Thu Dec 13, 2007 12:40 pm

Well, I'm not sure this can even be done, but the "filter: fliph;" will only mirror the text. Does the text need to be dynamic? If it does not, I would suggest just making an image of it and rotating that.

Yaakov · Joined: 07 Dec 2007 Posts: 9

camoman666 · Posted: Thu Dec 13, 2007 1:15 pm

Oh! I can't believe i didn't notice this! Filters don't work in FireFox.

Yaakov · Joined: 07 Dec 2007 Posts: 9

camoman666 · Posted: Thu Dec 13, 2007 1:55 pm

Flash, use Macromedia Flash.

knittingguy · Joined: 20 Nov 2009 Posts: 1

For Firefox, you can use
-moz-transform: rotate(-90deg);

explorer21 · Joined: 01 Dec 2009 Posts: 3

Thanks for the codes! Aja!

Blowflex Blaze Review │ Wrinkle Cream Free Trial Offer