Vertical Text 2

[ca8msm]

Is there a cross browser compatible method of achieving vertical text in CSS (i.e. not just the IE {writing-mode: tb-rl;filter: flipv fliph;} method)?

Or should I take the option of an image with associated alt attribute?


-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

 

[ChrisHunt]

I remember we had quite a long discussion of this on this forum a few years back, but I think the bottom line is that you're stuck with the image-with-alt option if you want something reliable.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[ca8msm]

OK, thanks Chris. I was half expecting that answer anyway, but thought I'd check here first before I went with it.


-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

 

[ChrisHunt]

Hmmm... more years back than I thought - here's three threads from five years ago which come up with various solutions: Thread215-750221 , Thread215-547569 , Thread215-537169 . Sadly, nothing much has changed in the intervening time.

It's possible you could do some kind of Flash text replacement along similar lines to SiFR (google for it), but you'd have to be a better Flash coder than I am to attempt it (not that that's saying much).

I'd still recommend using images.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[EdwardMartinIII]

I've posted an FAQ (I guess we'll see how long it takes to approve) that uses easily readable (and indexible!) text to come up with a somewhat novel solution.

It's the same solution I suggested in

http://www.tek-tips.com/viewthread.cfm?qid=547569

in case you want to jump ahead.

Basically, it's a matter of taking a look at your data and how you are displaying it, given the limitations of the format.

Go ahead and copy the code to a little file and look at it. It's a pretty clever solution, if your information can be adjusted to fit the idea.

Hey Chris, thanks for digging that one up, by the way -- I totally forgot about it!

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

 

[EdwardMartinIII]

(and it works in most every visual browser!)

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

 

[EdwardMartinIII]

posted:

http://www.tek-tips.com/faqs.cfm?fid=6941

Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

 

[ChrisHunt]

Hey Chris, thanks for digging that one up

No probs. Good to see you back here, by the way.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[ca8msm]

Interesting solution Edward, not something I want to use this this particular scenario but could be useful in the future!


-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

 

[Foamcow]

Mark, if you want to rotate the text (i.e. take the word and flip it through 90 degrees) then I think you are going to need to use an image.

But you could use some server side processing to generate these images on the fly then replace the source text with the image using Javascript.

The result is source code that is machine readable yet will display as you wish.

I did something like this a while back. I didn't rotate the words but that would just be a matter of throwing another instruction at GD/ImageMagick.

--
Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.