Hi,
Why this line has no effect in Fire Fox or Chrome ?
**ISSUE CODE
[code]
<colgroup>
<col span=”3″ style=”background-color:white; color:green; font-family:courier; font-size:50%”>
<col span=”3″ style=”background-color:black; color:blue; font-family:verdana: font-size:40%”>
<col span=”3″ style=”color:red; font-family:arial: font-size:10%”>
</colgroup>
Check the following code on your browser (localhost) and see that the cell text colour, size, font style has no effect!
I see all cell texts same size, same style and same colour black. SHouldnot be the case as there should be 3 sets of size, style and colour.
**CONTEXT:
[code]
<html>
<!DOCTYPE html>
<html>
<head>
<style>
th:hover {background-color: black; color: gold;}
tr:hover {background-color: silver; color: white;}
</style>
</head>
<body>
<table border=”20″ width=”100%” cellspacing=”5″ cellpadding=”20″ bordercolor=”red” bgcolor=”orange”>
<caption>Caption</caption>
<colgroup>
<col span=”3″ style=”background-color:white; color:green; font-family:courier; font-size:50%”>
<col span=”3″ style=”background-color:black; color:blue; font-family:verdana: font-size:40%”>
<col span=”3″ style=”color:red; font-family:arial: font-size:10%”>
</colgroup>
<thead>
<th colspan=”3″>GOOD</th><th colspan=”3″>BAD</th><th colspan=”3″>NEUTRAL</th><br>
</thead>
<th>Title</th><th>FIRST NAME</th><th>SURNAME</th><th>Title</th><th>FIRST NAME</th><th>SURNAME</th><th>Title</th><th>FIRST NAME</th><th>SURNAME</th>
<tfoot>
<th colspan=”3″>GOOD</th><th colspan=”3″>BAD</th><br>
</tfoot>
<tbody>
<tr>
<td name=”gt0″ id=”gt0″>Mr</td><td name=”gf0″ id=”gf0″>Muhammad</td><td name=”gs0″ id=”gs0″>Ali</td><td name=”bt0″ id=”bt0″>Mr</td><td name=”bf0″ id=”bf0″>Adolph</td><td name=”bs0″ id=”bs0″>Hitler</td><td name=”nt0″ id=”nt0″>Mr</td><td name=”nf0″ id=”nf0″>Mohandas</td><td name=”ns0″ id=”ns0″>Ghandi</td>
</tr>
<tr>
<td name=”gt0″ id=”gt0″>Mr</td><td name=”gf1″ id=”gf1″>Mike</td><td name=”gs1″ id=”gs1″>Tyson</td><td name=”bt1″ id=”bt1″>Mr</td><td name=”bf1″ id=”bf1″>Winston</td><td name=”bs1″ id=”bs1″>Churchill</td><td name=”nt1″ id=”nt1″>Mr</td><td name=”nf1″ id=”nf1″>Crocodile</td><td name=”ns1″ id=”ns1″>Dundee</td>
</tr>
<tr>
<td name=”gt0″ id=”gt0″>Mr</td><td name=”gf2″ id=”gf2″>Malcolm</td><td name=”gs2″ id=”gf2″>X</td><td name=”bt2″ id=”bt2″>Mr</td><td name=”bf2″ id=”bf2″>Joseph</td><td name=”bs2″ id=”bs2″>Stalin</td><td name=”nt2″ id=”nt2″>Mr</td><td name=”nf2″ id=”nf2″>Napolean</td><td name=”ns2″ id=”ns2″>Bonaparte</td>
</tr>
</tbody>
</table>
</body>
</html>