473,657 Members | 2,516 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 20941
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
17082
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 images when you have alt text. I know how to do mouse over effects and onmousein and onmouseout. I just dont know how to get the same text box style as image alt text. Thanks in advance!!
3
10880
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 fixed nor percentage) for this table cell? Sizing the element to 100% width and height does not work, as the parent element's width and height are not specified. And yet, in this case at least, the width and height of the table cell are very...
2
11257
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 change color when any of the three are hovered over. I would prefer to do this with pure CSS if possible, but if Javascript is the only way...so be it. --
1
2449
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 codes are as follows; please read comments on the code: index.html ---------- <html>
5
3888
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 cell. It displays just as much of the image as the current cell width allows. The actual cell width is determined by other cells in the same table column and by the current browser window width.
3
4475
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
3540
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 black for example). I am dynamically creating the LinkButton controls and adding them into the table cell and I've also hooked up an event handler for each LinkButton's Click event. This all works fine. Now in the Link Button's Click event...
0
8420
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8324
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8740
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8516
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
7353
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6176
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5642
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4330
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
1970
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.