473,387 Members | 1,721 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

Text orientation in table cell?

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
Jul 20 '05 #1
6 20928
On Fri, 20 Feb 2004 14:46:07 GMT, Andrew Thompson <Se********@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.
Jul 20 '05 #2
Neal wrote:
On Fri, 20 Feb 2004 14:46:07 GMT, Andrew Thompson
<Se********@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.


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
Jul 20 '05 #3
Andrew Thompson wrote:
Neal wrote:
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
.... 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".


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
Jul 20 '05 #4
DU
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/a...ritingmode.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-te.../#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
Jul 20 '05 #5
"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
Jul 20 '05 #6
Karl Smith wrote:
"Andrew Thompson" wrote:
Is there a way to achieve (or a good
reason not to) the 'vertical text' effect
.... 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


Jul 20 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Chris Coho | last post by:
Is there any way to get the same affect as alt text for an image on a table cell? For instance I want if someone rolls the mouse over the cell for some instructions to pop up like they do for...
3
by: Thomas Mlynarczyk | last post by:
Hello, How can I make an <a> element (containing text only, styled to be a box with a border) as big as the table cell in which it resides, *without* having specified any width/height (neither...
2
by: Sugapablo | last post by:
Can anyone help me out with some code to change three table cells (<td>) when one is hovered over? I have a calendar grid where each day is made up of three table cells and I want all three to...
1
by: Ben | last post by:
Hi all, I'm trying to write inside a table cell from external javascript but am not successful. When I insert inside a form within <td...>, it works but does not work for normal table cell. My...
5
by: Greg N. | last post by:
Hi folks, I have a table cell with a background image, something like <td background=landscape.jpg height=200></td> The sole purpose of this code is to display the image inside that table...
3
by: jez123456 | last post by:
Hi, I have a list of names from a database such as Smith Jones Baker Stocks Chapman Peters I would like to display these names as the header of related data as follows
1
by: Thanks | last post by:
I have a routine that is called on Page_Init. It retrieves folder records from a database which I display as Link Buttons in a table cell. I set the table cell's bgcolor to a default color (say...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.