Yes - that would work - too. Thanks for the suggestion.

Looking at the CSS3 support it doesn't look like this is supported their
either - it looks like vertical text is supported for Asian languages
but not slanted.

james c


-----Original Message-----
From: Mike [mailto:[EMAIL PROTECTED] 
Sent: Thursday, February 02, 2006 12:06 AM
To: James Conley
Cc: [email protected]
Subject: Re: [css-d] angled or rotated text

Hey James,

How about something like this?  It's a bit heavy in the additional
markup, but it seems to do what you're looking for (at least in FF 1.5
and IE6):

CSS:

<style>
    table {
        border-collapse:collapse;
        text-align:left;
    }
    th, td {
        border:1px solid black;
    }
    table .angle {
        clear:left;
        float:left;
        margin-left:.25em;
    }
</style>

HTML:

<table>
    <tr>
        <th>Header 1</th>
        <th>
            <span class="angle">H
             <span class="angle">e
              <span class="angle">a
               <span class="angle">d
                <span class="angle">e
                 <span class="angle">r
                   <span class="angle">2
                   </span>
                  </span>
                </span>
               </span>
              </span>
             </span>
            </span>
        </th>
        <th>Header 3</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

I hope this is helpful and not too overboard.

-Mike
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to