Hi,
I can’t seem to get to change the text colour inside each cell. Do not want to be typing text colour for each cell but type the colour in a colgroup or rowgroup.
Rowgroup non-existant it seems.
Here is my attempt …
[code]
<table border=”20″ width=”100%” cellspacing=”5″ cellpadding=”20″ bordercolor = “gold”>
<colgroup>
<col span=”2″ style=”background-color:grey;font-color:white”>
<col span=”2″ style=”background-color:white;font-color:red”>
</colgroup>
<thead>
<th colspan=”2″>GOOD</th><th colspan=”2″>BAD</th><br>
</thead>
<th>FIRST NAME</th><th>SURNAME</th><th>FIRST NAME</th><th>SURNAME</th>
<tfoot>
<th colspan=”2″>GOOD</th><th colspan=”2″>BAD</th><br>
</tfoot>
<tbody>
<tr>
<td>Muhammad</td><td>Ali</td><td>Adolph</td><td>Hitler</td>
</tr>
<tr>
<td>Malcolm</td><td>X</td><td>Joseph</td><td>Stalin</td>
</tr>
</tbody>
</table>
I get no error but text colour not chaging.
Want to change text colour to white on all cells under the GOOD heading column.
And text colour to black on all cells under the BAD heading column.
That is all.
Do not want to be doing like this for each and every cell:
[code]
<tr>
<td style=”color:white”>Muhammad</td><td style=”color:white”>Ali</td><td style=”color:black”>Adolph</td><td style=”color:black”>Hitler</td>
</tr>
In pure html5 only. No css.