By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
434,921 Members | 1,433 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 434,921 IT Pros & Developers. It's quick & easy.

Vertical Text using CSS - Mozilla

P: 12
I need a table header with text aligned vertically. I wrote a css and it works fine with IE, but mozilla doesn't support that. Is there any other way that we can represent vetical text?

Code i have used:
Expand|Select|Wrap|Line Numbers
  1. .verticaltext {
  2. writing-mode: tb-rl;
  3. filter: flipV flipH;
  4. }
  5.  
Jul 20 '06 #1
Share this Question
Share on Google+
7 Replies


kestrel
Expert 100+
P: 1,071
Mozilla doesnt support vertical text using css, from what i can tell.
You're better off making an image, using paint or something
Jul 31 '06 #2

ronverdonk
Expert 2.5K+
P: 4,258
Have a look at Stuart Nicholls site, dedicated to CSS. One of the samples is a vertical unordered list, also for Mozilla.

http://www.cssplay.co.uk/menus/vertical.html

Ronald :cool:
Aug 4 '06 #3

P: 2
you can display text rotated at 90 degrees using a combination of css and svg in all major browsers. you can use css for ie, and for firefox and opera use svg. see my post http://www.thescripts.com/forum/thread721811.html
Oct 15 '07 #4

drhowarddrfine
Expert 5K+
P: 7,435
you can use css for ie, and for firefox and opera use svg.
I'm glad you pointed that out. Only modern browsers can use SVG but not IE.

Also, the CSS, in the original post, is not standard CSS and only works in IE.
Oct 15 '07 #5

P: 1
I'm glad you pointed that out. Only modern browsers can use SVG but not IE.

Also, the CSS, in the original post, is not standard CSS and only works in IE.
It seems to be standard CSS3:
http://www.w3.org/TR/2003/CR-css3-text-20030514/#Progression
Nov 8 '07 #6

drhowarddrfine
Expert 5K+
P: 7,435
That is obsolete and has been replaced by this one.
Nov 8 '07 #7

P: 1
Here is my method for pure CSS vertical text: http://scottgale.com/blog/css-vertical-text/2010/03/01/

Works in FF, IE, and Webkit (Safari/Chrome)
Mar 3 '10 #8

Post your reply

Sign in to post your reply or Sign up for a free account.