Reply
Vertical text in firefox - possible?
Old 03-19-2007, 11:53 AM Vertical text in firefox - possible?
Angelosanto's Avatar
Ultra Talker

Posts: 440
Name: Danny Angelosanto
Hi guys.

I've been trying to create some vertical text in CSS.

Using:

writing-mode: tb-rl;
filter: flipv fliph;

I have managed to do it in IE, but is it possible to make this happen in Firefox?

Thanks
Angelosanto is offline
Reply With Quote
View Public Profile Visit Angelosanto's homepage!
 
When You Register, These Ads Go Away!
Old 03-19-2007, 01:25 PM Re: Vertical text in firefox - possible?
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Never tried it myself, but maybe make a div 1em wide and type your text with spaces?

Something like this:

T h i s i s a s e n t e n c e .
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 03-19-2007, 05:44 PM Re: Vertical text in firefox - possible?
Angelosanto's Avatar
Ultra Talker

Posts: 440
Name: Danny Angelosanto
Actually, I meant the text to be written vertically, so tht for it to look right you have to tilt your head.
Angelosanto is offline
Reply With Quote
View Public Profile Visit Angelosanto's homepage!
 
Old 03-19-2007, 07:02 PM Re: Vertical text in firefox - possible?
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
Ohhhhh. That I couldn't tell you, then. Never tried that with plain text before.
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 03-19-2007, 07:11 PM Re: Vertical text in firefox - possible?
gl3nnx's Avatar
Skilled Talker

Posts: 86
Name: Glenn
i dunno if vertical text will work in my old browsers, vertical text is cool.
gl3nnx is offline
Reply With Quote
View Public Profile
 
Old 03-19-2007, 07:20 PM Re: Vertical text in firefox - possible?
Learning Newbie's Avatar
Moderator

Posts: 5,199
Name: John Alexander
I'd try a width of 1em or 16 to 24 pixels. You might want a negative top padding or margin as well. Basically you want your div to be one character wide, so it'll be forced to wrap. Only, I think when the content first tries to render, it will wrap an empty line before giving up and breaking the word apart.

L
i
k
e

t
h
i
s
?
Learning Newbie is offline
Reply With Quote
View Public Profile
 
Old 03-20-2007, 01:25 AM Re: Vertical text in firefox - possible?
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
That's what I was thinking with my post, John. My problem is that I think he wants a full 90-degree turn of the letters so that you have to turn your head sideways to read it.
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 03-20-2007, 02:57 PM Re: Vertical text in firefox - possible?
LadynRed's Avatar
Super Moderator

Posts: 6,562
Location: Tennessee
No way to do that that I am aware of, at least not with CSS.
However, you should be able to make it work with this method: http://www.swfir.com - rotation settings from -359 to +359.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
Carolina Corvette Club
LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Vertical text in firefox - possible?
 

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.14611 seconds with 12 queries