[thelist] Vertical Text

rudy r937 at interlog.com
Wed Nov 21 15:31:11 CST 2001


>Yes, here is a demo:
>http://webfx.eae.net/

huh?  don't see no vertical text on that page

salvatore, i don't think you can do it with html or css

here's a post on the w3c discussion list which talked about it but i don't
think it ever got implemented, you can run a search on the w3 site and it
comes up empty as far as "rotate" or "orient" is concerned, at least for
text (lots of SVG reverences, though) --

  http://lists.w3.org/Archives/Public/www-style/1999Jul/0007.html

here's a page that talks about some IE-only feature, so my advice is to
stay well away from that unless you are on a strictly homogenous IE
intranet --

  http://www.faqts.com/knowledge_base/view.phtml/aid/7685/fid/128

another method is to use an image where the text is in the image, but you
didn't hear me say that

<tip type="html table design">
if you're thinking of using vertical text as a column header on a table of
data, because you want to make the column skinnier, why not just name your
column headers A, B, C, et cetera, and put a legend under the table -- for
example,

   <table>
   <tr><th>Team</th><th>A</th><th>B</th><th>C</th></tr>
   <tr><td>Chi</td><td>7-2</td><td>201-139</td><td>2-1</td></tr>
   <tr><td>GB </td><td>6-3</td><td>208-140</td><td>3-2</td></tr>
   <tr><td>Min</td><td>4-5</td><td>183-229</td><td>3-2</td></tr>
   <tr><td>TB </td><td>4-5</td><td>183-163</td><td>3-3</td></tr>
   <tr><td>Det</td><td>0-9</td><td>165-262</td><td>0-3</td></tr>
   </table>

   <p>A = overall won-lost record
    <br />B = points for-against
    <br />C = record within division</p>

</tip>

rudy









More information about the thelist mailing list