Okay, for those of us who remember my question about styling columns here is
the solution I came up with (for my current project anyway). It takes advantage
of the fact that Firefox *does* allow for the background of columns to be
styled while still keeping everything very tight (notice that no style rule is
ever declared more than once and the assigning of classes is kept to a bare
minimum). Thanks to all those who responded to this onlist and offlist before.
Christian Z.
<style>
COLGROUP { background-color: #E1E4E4; }
TBODY, THEAD { text-align: left; }
TD { font-weight: bold;
text-align: center; }
TH { color: #FFFFFF; }
.col2 { background-color: #CCD2D2; }
</style>
<table cellpadding="5">
<thead>
<tr style="background-color: #447E2F;">
<th scope="col row" style="background-color: #E1E4E4; color: #000000; width:
200px;">This cell is the beginning of the first row <em>and</em> the first
column.</th>
<th scope="col">Column #1</th>
<th scope="col">Column #2</th>
<th scope="col">Column #3</th>
<th scope="col">Column #4</th>
</tr>
</thead>
<colgroup>
<col style="background-color: #86AC4F;" />
</colgroup>
<colgroup>
<col />
<col class="col2" />
<col />
<col class="col2" />
</colgroup>
<tbody>
<tr>
<th scope="row">Row #1</th>
<td>X</td>
<td>X</td>
<td> </td>
<td>X</td>
</tr>
<tr>
<th scope="row">Row #2</th>
<td> </td>
<td>X</td>
<td> </td>
<td>X</td>
</tr>
<tr>
<th scope="row">Row #3</th>
<td> </td>
<td>X</td>
<td> </td>
<td>X</td>
</tr>
<tr>
<th scope="row">Row #4</th>
<td> </td>
<td> </td>
<td>X</td>
<td> </td>
</tr>
</tbody>
</table>
___________________________________________________
Try the New Netscape Mail Today!
Virtually Spam-Free | More Storage | Import Your Contact List
http://mail.netscape.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
