This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > February 2004 > Text orientation in table cell?





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Text orientation in table cell?
Andrew Thompson

2004-02-20, 11:31 am

Is there a way to achieve (or a good
reason not to) the 'vertical text' effect
displayed here in the planetary labels..
http://www.physci.org/test/graph/imgresize.html

The page uses <br> to break each letter
of the word. I was sure there must be
a CSS way to change the text orientation
if a table cell, but a google of ciwah
for orientation+td+text did not reveal
any hits.

Thoughts, comments, search terms?

--
Andrew Thompson
* http://www.PhySci.org/ Open-source software suite
* http://www.PhySci.org/codes/ Web & IT Help
* http://www.1point1C.org/ Science & Technology


Neal

2004-02-20, 11:31 am

On Fri, 20 Feb 2004 14:46:07 GMT, Andrew Thompson <SeeMySites@www.invalid>
wrote:

> Is there a way to achieve (or a good
> reason not to) the 'vertical text' effect
> displayed here in the planetary labels..
> http://www.physci.org/test/graph/imgresize.html


If a speech reader were to read the page, it would have to spell out the
planets. You could use an aural CSS to solve that dilemma, however.

Another problem I see is spider indexing.
Andrew Thompson

2004-02-20, 11:31 am

Neal wrote:
> On Fri, 20 Feb 2004 14:46:07 GMT, Andrew Thompson
> <SeeMySites@www.invalid> wrote:
>
>
> If a speech reader were to read the page, it would have to spell out
> the planets. You could use an aural CSS to solve that dilemma,
> however.


Thanks. I'll have to look into that.
I have only just introduced a print
stylesheet, so new it is not even
validated yet..
[ oops, did I say that? ;-) ]

> Another problem I see is spider indexing.


Oh, yeah, the proverbial 'gonna'..
I am gonna replace the less than
helpful "" alt texts of the image bars
to "label - value" (on the suggestion
of folks right here, ..long, long ago -
at least a month).

OTOH the page will be generated
dynamically (jsp), so there is not
a great opportunity for spiders
in any case ..unless they spider
particular complete URL's, which
would form a self contained page..
(wanders off ..muttering).

--
Andrew Thompson
* http://www.PhySci.org/ Open-source software suite
* http://www.PhySci.org/codes/ Web & IT Help
* http://www.1point1C.org/ Science & Technology


Andrew Thompson

2004-02-20, 3:29 pm

Andrew Thompson wrote:
> Neal wrote:
....[color=darkred]
>
> Oh, yeah, the proverbial 'gonna'..
> I am gonna replace the less than
> helpful "" alt texts of the image bars
> to "label - value".


Done. *

> ...the page will be generated
> dynamically (jsp),


* http://www.physci.org/test/graph/

--
Andrew Thompson
* http://www.PhySci.org/ Open-source software suite
* http://www.PhySci.org/codes/ Web & IT Help
* http://www.1point1C.org/ Science & Technology


DU

2004-02-20, 4:30 pm

Andrew Thompson wrote:
> Is there a way to achieve (or a good
> reason not to) the 'vertical text' effect
> displayed here in the planetary labels..
> http://www.physci.org/test/graph/imgresize.html
>
> The page uses <br> to break each letter
> of the word. I was sure there must be
> a CSS way to change the text orientation
> if a table cell, but a google of ciwah
> for orientation+td+text did not reveal
> any hits.
>
> Thoughts, comments, search terms?
>
> --
> Andrew Thompson
> * http://www.PhySci.org/ Open-source software suite
> * http://www.PhySci.org/codes/ Web & IT Help
> * http://www.1point1C.org/ Science & Technology
>
>


writing-mode Attribute
"tb-rl Content in the object flows vertically—from top to bottom, right
to left. The next vertical line is positioned to the left of the
previous line. Wide-cell glyphs are positioned upright; nonwide-cell
glyphs—also known as narrow Latin or narrow Kana glyphs—are rotated
90-degrees clockwise. This layout is used in East Asian typography."
http://msdn.microsoft.com/workshop/...writingmode.asp

I tested it under MSIE 6 SP1 for windows and it worked well.

CSS3 Text module (Candidate Recommedation): writing-mode
http://www.w3.org/TR/2003/CR-css3-t...4/#writing-mode

For a cross-browser solution, writing-mode is not recommendable. Not
sure if using <br>'s is the best. I would try something else...

DU
Karl Smith

2004-02-21, 1:28 am

"Andrew Thompson" wrote:

> Is there a way to achieve (or a good
> reason not to) the 'vertical text' effect
> displayed here in the planetary labels..
> http://www.physci.org/test/graph/imgresize.html
>
> The page uses <br> to break each letter
> of the word. I was sure there must be
> a CSS way to change the text orientation
> if a table cell, but a google of ciwah
> for orientation+td+text did not reveal
> any hits.


I remember this was asked back in July, 2002.

> Thoughts, comments, search terms?


vertical+slick
Andrew Thompson

2004-02-21, 5:28 am

Karl Smith wrote:
> "Andrew Thompson" wrote:
>
....[color=darkred]
> I remember this was asked back in July, 2002.

....
> vertical+slick


Thanks, that gives me some ideas to chew
over.. The best solution I have read so far is
yours to 's p a c e..' the letters, I think that,
with a fixed width font could do what I need.

[ BTW - like your PToE.
And.. no better way to prove
you were serious! ;-) ]

--
Andrew Thompson
* http://www.PhySci.org/ Open-source software suite
* http://www.PhySci.org/codes/ Web & IT Help
* http://www.1point1C.org/ Science & Technology




Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews