|
|
Posted by Rom on 01/14/06 19:00
Jonathan N. Little a écrit :
> Rom wrote:
>> Hello everybody,
>>
>> here's my problem :
>> I have a table with 3 rows and 2 columns. Is it possible to
>> right-align the text in the left column without writing thrice "<td
>> align="right">" ?
>>
>> Here's the code :
>>
>> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
>> "http://www.w3.org/TR/html4/strict.dtd">
>> <html>
>> <head><title></title></head>
>> <body>
>> <table border="1" width="20%">
>> <tr>
>> <td colspan="2" align="center">Data</td>
>> </tr>
>>
>> <tr>
>> <td>A</td><td align="right">1</td>
>> </tr>
>>
>> <tr>
>> <td>B</td><td align="right">2</td>
>> </tr>
>>
>> <tr>
>> <td>C</td><td align="right">3</td>
>> </tr>
>>
>> </table>
>> </body>
>> </html>
>
>
> Since your "Data" and "A", "B" & "C" cell appear to be heading not data
> cells, style them differently, (look up TH element).
>
> In your stylesheet:
>
> TABLE { width: 20%, border: 1px solid black; }
> TH, TD { border: 1px solid black; }
> TD { text-align: right; }
>
>
> Your HTML:
>
> <table>
> <tr><th colspan="2">Date</th></tr>
> <tr><th>A</th><td>1</td></tr>
> <tr><th>B</th><td>2</td></tr>
> <tr><th>C</th><td>3</td></tr>
> </table>
>
> If you want more that one type of styling for your data cell then create
> classes like:
>
> .totals, .bucks { text-align: right: padding-right: .5em; }
> .totals { font-weight: bold; }
>
>
Thanks. that's precisely what I was looking for ;)
See you.
Navigation:
[Reply to this message]
|