Turn text in table about 90 degrees - problem

**Glina** · 08-11-2005 02:42 AM

Hello, I have to make the table with 4 columns, but text must be turn about 90 degrees (e.g. like in Word) . I'm finding for 4 hours in css manuall but no result. Help me ?

**Fang** · 08-11-2005 02:47 AM

Rotation of text is not possible. Stack the letters (t<br>e<br>x<br>t) or use an image.

**Glina** · 08-11-2005 03:02 AM

Originally Posted by Fang

Rotation of text is not possible.

Surely ?

Look this, I found :

HTML Code:

<HTML><HEAD><TITLE></TITLE>
<style>.fCV {LAYOUT-FLOW: vertical-ideographic;}</style>
</HEAD><BODY>
<TABLE width="100%" border=1>
<TR>
<TD>
        <TABLE width="100%" border=1 id=verti>
                <TR>
                        <TD class=fCV>Some Vertical Text</TD>
                        <TD class=fCV>Some Vertical Text</TD>
                        <TD class=fCV>Some Vertical Text</TD>
                </TR>
        </TABLE>
</TD>
<TD>
        <TABLE width="100%" border=1 id=horiz>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
                <TR><TD>Some Horizontal Text</TD></TR>
        </TABLE>
</TD>
</TR>
</TABLE>
</BODY></HTML>
</BODY>
</HTML>

**DARTHTAMPON** · 08-11-2005 03:28 AM

forget previous statement

**chris_andales** · 09-27-2009 09:01 PM

hey...
this code doesn't work with mozila firefox..
i tried but it looks the same as horizontal one...

**opifex** · 09-28-2009 03:56 AM

layout-flow: vertical-ideographic;

is even deprecated in IE and was replaced with "writing-mode:" which was submitted for CSS3 and has been in bugzilla for firefox since about 2005.
Good things come to those who wait.

**chris_andales** · 09-28-2009 09:33 PM

tnx opifex, i guess i have to make it IE its only for my thesis,, nd maybe i have to wait for more updates abouts css designing for my future websites..

**nathandelane** · 09-29-2009 10:33 PM

Most browsers still currently support only CSS 2 or CSS 2.1 and vertical text is not supported until CSS 3. So you can either wait until then or use an image.

**slaughters** · 09-30-2009 04:58 PM

Code:

<style>
        .Rotate90 
        {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        }
</style>

Sorry - a little too late to help the original poster from 2005 though.

**opifex** · 09-30-2009 05:36 PM

Old thread that came back to life for a good reason!
Excellent find slaughters!
mozilla rotate example

**chris_andales** · 10-01-2009 02:00 AM

tnx slaughter... this is very usful to me...hope u can help me again....

Thread: Turn text in table about 90 degrees - problem

Thread Tools

Display

Turn text in table about 90 degrees - problem

rotating text

vertical text

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions