Здравствуйте, уважаемые участники форума!
У меня стоит задача: выделить строку, столбец и ячейку, находящуюся на их пересечении разными цветами. Но я не могу выделить даже строку и находящуюся на ней ячейку при наведении. Подскажите, пожалуйста, что я делаю не так в данном случае и как организовать подсветку столбца при наведении на ячейку?
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<!DOCTYPE html>
<html>
<head>
<style>
tr:hover {background:gold;}
table{table-layout:fixed;}
td{background:silver;font-size:17px;}
td:hover {background:red;}
tr{background:silver;}
tr:hover {background:green;}
#sel:hover{background:yellow;}
#sel_b:hover{background:green;color:white;}
#sel_blue:hover{background:blue;color:white;}
#sel_darkblue:hover{background:darkblue;color:white;}
</style>
</head>
<body>
<table width=200 cellpadding=5>
<tr><td id=seldarkblue style="width:130px;height:30px;">aasdasdadasda</td><td>b</td><td>c</td><td>d</td></tr>
<tr><td id=seldarkblue >a</td><td id=sel_blue>b</td><td>c</td><td>d</td></tr>
<tr><td id=>a</td><td>b</td><td id=sel_b>c</td><td>d</td></tr>
<tr><td>a</td><td>b</td><td>c</td><td>d</td></tr>
</table>
</div>
</body>
</html>
