Quickie ... rotate text

Can I rotate some text so it’s vertical. I could make it graphic but thought I’d ask. (it’s a little discreet copyright notice I want to stick down left of the page) Many thanks Roger


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I did a quick Google search and it seems to be something that is only supported by…eeeks…IE. All the other major browsers don’t support it yet and you might have to use CSS3 stuff to make that happen. Obviously only a tiny handful of the major browsers use CSS3 so it may look right in one browser, but may not work in the other.

I’d recommend an image for the time being.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That figures thanks Dan … I’ve added a supplemental question to the other thread as well … best Roger


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I too was looking at this yesterday thinking that CSS3 might be able
to do this but it seems rotation was only implemented for glyphs
allowing you to write using vertical writing systems. The best
solutions I could find, other than simply using an image, were making
the text a scalable vector graphic (SVG) or using the IE only writing-
mode style.
Here is my IE example (in all other browsers the text will be left
unrotated);
http://www.freewayactions.com/test/rotated-svg-text/top2bottom.html

Unfortunately my SVG example fails to do anything exciting on my
server (it works OK locally) as I suspect it doesn’t understand how to
serve SVG files correctly;
http://www.freewayactions.com/test/rotated-svg-text/

Regards,
Tim.

On 23 Sep 2009, at 11:06, Dan J wrote:

I did a quick Google search and it seems to be something that is
only supported by…eeeks…IE. All the other major browsers don’t
support it yet and you might have to use CSS3 stuff to make that
happen. Obviously only a tiny handful of the major browsers use
CSS3 so it may look right in one browser, but may not work in the
other.

I’d recommend an image for the time being.

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 23/9/09 (at 12:28 +0100) Tim Plumb said:

The best solutions I could find, other than simply using an image,
were making the text a scalable vector graphic (SVG) or using the IE
only writing-mode style.

Could I quietly say a word at this point? The word is “accessible”.

Although the idea of using HTML text for something like this might
seem to help on this front, rotated text is not exactly easy for any
sighted person to read. Hey-presto, instant accessibility problem for
the majority, not a minority, of your site visitors.

I think that this sort of thing shouldn’t be used for anything more
than decorative content, in which case just use a graphic. And
remember to add appropriate alt text and title attributes as
appropriate.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Keith,
I agree although when it works (it seems just not on my server!) SVG
text is both indexable and accessible allowing users to select and
copy the text should they wish.
Regards,
Tim.

On 23 Sep 2009, at 13:58, Keith Martin wrote:

Sometime around 23/9/09 (at 12:28 +0100) Tim Plumb said:

The best solutions I could find, other than simply using an image,
were making the text a scalable vector graphic (SVG) or using the
IE only writing-mode style.

Could I quietly say a word at this point? The word is “accessible”.

Although the idea of using HTML text for something like this might
seem to help on this front, rotated text is not exactly easy for any
sighted person to read. Hey-presto, instant accessibility problem
for the majority, not a minority, of your site visitors.

I think that this sort of thing shouldn’t be used for anything more
than decorative content, in which case just use a graphic. And
remember to add appropriate alt text and title attributes as
appropriate.

FreewayActions.com - Freeware and shareware actions for Freeway
Express & Pro.

Protect your mailto links from being harvested by spambots with Anti
Spam.
Only available at FreewayActions.com

http://www.freewayactions.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks chaps, in this case it’s a very discreet copyright notice, generally it will be ignored but if anyone were impressed enough with the site to want to know who “built” it they can click a link to me ! Roger


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options