1. Use divs around each letter. Then use relative positioning to put them on
the same line and the horizontal position is done with a percentage.
This is bad though because it makes you content inaccessible. It logically
breaks up the word unit down to letter units. DIV is used to define a chunk
of content, but you're chunking it at the wrong level.
2. Use letter-spacing, but change the value using _javascript_. The _javascript_
would be similar to what this does:
http://www.doxdesk.com/software/js/fixed.html
This is better because it preserves the content, but it's a bit of a kludge
because it relies on _javascript_.
3. Don't do it because it's bad design. Type is to be read. A critical part
of readability is the kerning pairs of letters that make up a word. To be
constantly changing those space relationships makes it unreadable and
suggests to the reader that you don't really care about your content and
instead you're just doing something cool but annoying.
(Yeah, that last is my 2 cents. I spent years in typography classes and I'm
sensitive to the plight of abused type. If you could just spare the change
for a coffee a day, we could give that type a better life. And shoes.)
-Kevin
----- Original Message -----
From: "Raymond Camden" <[EMAIL PROTECTED]>
To: "CF-Community" <[EMAIL PROTECTED]>
Sent: Thursday, October 30, 2003 10:51 AM
Subject: css question
> Outside of using a bunch of tds in a table, how can I get the letters in
> one TD to stretch out 100% of the width.. ie,
>
> [ RAY ]
>
> would become
>
> [ R A Y ]
>
> and would shrink/expand according to the size of the cell.
>
>
>
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
