[thelist] Vertical Text

.fox fox at digifox.org
Wed Nov 21 16:00:14 CST 2001


I'm seeing it just fine in ie5.5 (pc), and it tucks itself away at the
bottom very nicely in Netscape6.2 (pc).

Limited in usability, but sexy nonetheless.

..
Jennifer
http://digifox.org
http://pffft.net


----- Original Message -----
From: rudy <r937 at interlog.com>
To: <thelist at lists.evolt.org>
Sent: Wednesday, November 21, 2001 4:30 PM
Subject: Re: [thelist] Vertical Text


>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






---------------------------------------
For unsubscribe and other options, including
the Tip Harvester and archive of TheList go to:
http://lists.evolt.org Workers of the Web, evolt !





More information about the thelist mailing list