www.webdeveloper.com
Results 1 to 11 of 11

Thread: Turn text in table about 90 degrees - problem

  1. #1
    Join Date
    Aug 2005
    Location
    Poland
    Posts
    2

    Turn text in table about 90 degrees - problem

    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 ?

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Rotation of text is not possible. Stack the letters (t<br>e<br>x<br>t) or use an image.

  3. #3
    Join Date
    Aug 2005
    Location
    Poland
    Posts
    2
    Quote 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>

  4. #4
    Join Date
    Jan 2004
    Posts
    377
    forget previous statement

  5. #5
    Join Date
    Sep 2009
    Posts
    4

    rotating text

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

  6. #6
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    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.

  7. #7
    Join Date
    Sep 2009
    Posts
    4

    vertical text

    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..

  8. #8
    Join Date
    Jun 2009
    Location
    West Jordan, Utah
    Posts
    91
    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.

  9. #9
    Join Date
    Apr 2006
    Location
    Houston
    Posts
    1,374
    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.

  10. #10
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    Old thread that came back to life for a good reason!
    Excellent find slaughters!
    mozilla rotate example

  11. #11
    Join Date
    Sep 2009
    Posts
    4
    tnx slaughter... this is very usful to me...hope u can help me again....

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles