|
|
Posted by Jonathan N. Little on 03/18/06 01:18
Gufus wrote:
> Hi Toby,
>
> Friday March 17 2006, Toby Inkster writes to Gufus:
>
> > From: usenet200603@tobyinkster.co.uk
>
> >> How can I "right justify or left justify" images or text
> >> using tabular data?
>
>
>>Hu?
>
>
> Well with this sample code you gave me ...
>
> <table>
> <caption>Q3 Sales</caption>
> <thead>
> <tr><th>Product</th><th>Jul</th><th>Aug</th><th>Sep</th></tr>
> </thead>
> <tbody>
> <tr><td>Widgets</td><td>130</td><td>96</td><td>144</td></tr>
> <tr><td>Blibs</td><td>121</td><td>111</td><td>116</td></tr>
> <tr><td>Nibbits</td><td>0</td><td>0</td><td>12</td></tr>
> <tr><td>Arrings</td><td>6</td><td>4</td><td>0</td></tr>
> </tbody>
> </table>
> --------------
>
> It make a nice little table on the right side of the page, but what if I want
> this table spread right across the page (left to right) and I want each cell
> larger. In tables it's easy to do that ie: width=60% hspace=10% vspace=11%
> etc....
>
TABLE { width: 100%; border-spacing: .5em; }
TH, TD { padding: 1em; }
TH { background-color: #000; color: #fff; }
TD {background-color: #ddd; color: #000;}
http://www.w3.org/TR/CSS21/propidx.html
Knock yourself out.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|