letters gelijkmatig spreiden

[pim]

in een Table van 500px breed, wil ik A t/m Z gelijkmatig spreiden.

Nu doe ik het zo:

HTML:

<table border=1 width=500 style="text-align: center;">
    <tr>
        <td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td><td>h</td><td>i</td>
        <td>j</td><td>k</td><td>l</td><td>m</td><td>n</td><td>o</td><td>p</td><td>q</td><td>r</td>
        <td>s</td><td>t</td><td>u</td><td>v</td><td>w</td><td>x</td><td>y</td><td>z</td>
    </tr>
</table>

en dat geeft dit:



Om optimalisatie redenen wil ik eigelijk wat minder code gebruiken.. Ik hoopte dat text-align=justify misschien zou werken, maar dat is niet het geval:

HTML:

<table width="500" border="1">
    <tr>
        <td style="text-align: justify;"> a b c d e f g h i j k l m n o p q r s t u v w x y z </td>
    </tr>
</table>

Heeft iemand een idee of het te bereiken is, zonder 26 losse TD-cellen te moeten gebruiken?

[ Voor 29% gewijzigd door pim op 17-01-2006 11:27 ]

[Peter]

Je zou bijv. naar een monospacing font kunnen kijken. Kijk ook eens naar de CSS property "letter-spacing".

[pim]

Thanx voor de tip, wat was even de creativiteit met css die ik zelf miste.. Met letterspacing ben ik eruit gekomen.:)

[OnTracK]

om mijn post hier toch nog een beetje nuttig te maken:

@hieronder

De TS had dat al geprobeerd, maar dat werkt niet omdat justify alleen effect heeft als je voorbij het regeleinde typt. Als de TS bijvoorbeeld nog een lang woord erachter zou typen zou dit op de volgende regel verschijnen en dán zouden de letters wel goed verdeelt worden.

[ Voor 209% gewijzigd door OnTracK op 17-01-2006 12:52 ]

[Beekforel]

Cascading Stylesheet:

text-align: justify;

Die werkt ook als het goed is.