|
|
Posted by Jonathan N. Little on 01/14/06 17:09
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; }
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|