Forum Moderators: not2easy

Message Too Old, No Replies

Vertical text in netscape

cross browser problem with vertical text

         

anapahalaxis

5:12 pm on Feb 19, 2004 (gmt 0)

10+ Year Member



Well, I am designing a website for my mothers business, and I am useing it as an oppertunity to learn CSS, js and DHTML techniques in general. Beforel this point I have just used HTML and frames.
Obviously I am learning on the job, which for me seems to be the only way I learn. Up until now I have come up against a whole lot of grief (z-indexes are the bane of my existance....) but have managed to muddle through. However now I am really stumped.

Here is the CSS I am using, to make vertical text. It works in IE, but not in netscape. I really don't want to have to use an image file unless I have to, as the page is a gallery and will already have a number of images on it. I want to keep loading time to a minimum.

.titlebox {
position: absolute;
writing-mode: tb-rl;
filter: flipv fliph;
top: 150px;
height: auto;
width: 25px;
font-weight: bold;
font-size: 54px;
}

As I say, it works for IE, but not netscape. Does anyone know a way to get vertical text in netscape? I have already set up a netscape css file using a script to check the browser type. So ideal would be something to put in that css to override the above.
Thanks.

DrDoc

5:23 pm on Feb 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to Webmaster World!

Filters are IE proprietary and writing-mode is an idea for CSS3. So, no, there's nothing you can do (right now) other than use an image.

BlobFisk

5:24 pm on Feb 19, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to WebmasterWorld, anapahalaxis!

My guess would be that NN does not support the CSS rules that allow you to rotate the text.

If you really need to do this, how about using an image?

anapahalaxis

12:05 pm on Feb 20, 2004 (gmt 0)

10+ Year Member



Alas, I didn't want to do this as I wanted the titles on seven different gallery pages to be vertical, but I guess if there is no other option then that is what I will have to do! I does look way too good with my layout to give up on.

Thanks for your help.