Forum Moderators: open

Message Too Old, No Replies

45 degree text on web pages?

         

txbakers

10:54 pm on Aug 31, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Is there a way to do this? I think it's possible in Excel, but is there a control or function that does this on the web?

This is for long column headers.

orionsweb

1:00 am on Sep 1, 2007 (gmt 0)

10+ Year Member



There is a text filter that works in IE ONLY that will allow you to angle your text but it doesn't work in Firefox, Opera or Safari.

There appears to be a proposition for angled text in CSS3 but still waiting for that final release then for the browsers to catch up to it in their support.

For not your best bet is to use graphics to create your angled text.

txbakers

2:20 am on Sep 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



no graphics won't work for this, since the text is created dynamically.

I'll look for the IE filter.

No one really uses those other browsers anyway.

>>>> JOKE <<<<<<

tedster

2:24 am on Sep 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



This is for long column headers

Did you by any chance mean 90 degrees? 45 degrees would be a diagonal, corner-to-corner thing, and as far as I know that can only be accomplished with some kind of proprietary filter. If you did mean 90 degrees, the future holds promise, at least, but for the present, browser support is restricted to IE.

To support international alphabets, glyphs and layouts, CSS-3 has a set of rules for "writing-mode". See [w3.org...]

This would allow you to use style="writing-mode:tb-rl". As I said above, IE supports this, but not Firefox, Opera or Safari. The writing-mode rules replace an older, deprecated set of CSS-2 rules called "layout-flow" which also had no browser support.

vincevincevince

3:11 am on Sep 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I suggest using Flash and setting the text in the movie dynamically. That way there's one file to download (flash movie) as opposed to many (individual images).

henry0

12:19 pm on Sep 2, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You may do it in PHP using GD
create on the fly your img and add dynamic txt
for ex a captcha does it.

bazooka

4:25 am on Sep 4, 2007 (gmt 0)

10+ Year Member



How about using an SVG graphic element? The text can then be created dynamically inside the SVG part.

penders

1:43 pm on Sep 4, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month




..A.D.T
W.B.O.H
H.O.I.I
A.U.N.S
T.T.G.?

Lorel

12:55 am on Sep 8, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



No one really uses those other browsers anyway

Last time I heard statistics Macs use is increasing and if you want anyone with an iPod or iPhone to see your page you'll be out of luck there also.

txbakers

12:35 pm on Sep 11, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Last time I heard statistics Macs use is increasing and if you want anyone with an iPod or iPhone to see your page you'll be out of luck there also.

Actually, those guys are out of luck. The iPhone browser doesn't support javascript, so it's useless as a modern browser.

Until they fix that, I don't want those people as customers.

Xapti

2:52 pm on Sep 11, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well while I don't like apple's products (except mac and mac OS isn't bad) much, a browser which doesn't support javascript should not be ignored. There are many people who disable javascript intentionally, or who run more simple browsers (which make loading faster) which don't support it. Javascript is not much of a standard, unlike the W3C. Perhaps consider catering to COMPLIANT browsers, instead of IE6, if you want to start ignoring userbases.