Выделение строк в таблице при наведении

[RK3DNP]

Имеется таблица 2 столбца и много строк, нужно при наведении мыши на одну строку, чтобы выделялась вся строка (менялся фон).

Делаю так:

style type="text/css">

#celltext:hover { background: #cbc7cd; }

</style>

<tr>

<div id="celltext">

<td>456 </td>

<td>123</td>

</div>

</tr>

Не работает, но если сделать:

<tr>

<td><div id="celltext">456 </div></td>

<td>123</td>

</tr>

будет выделяться, но это только одна ячейка... а мне нужно всю строку. Как можно реализовать?

[sigma77]

RK3DNP,

tr:hover {

}

И это:

<tr>
 <div id="celltext">
 <td>456 </td>
 <td>123</td>
 </div>
 </tr>

ересь полная. Учите матчасть.

Edited October 16, 2011 by sigma77

[psywalker]

RK3DNP,

tr:hover {

}

И это:

<tr>
 <div id="celltext">
 <td>456 </td>
 <td>123</td>
 </div>
 </tr>

ересь полная. Учите матчасть.

Мдаа, жестоко

[RK3DNP]

Ну а по существу можно?

Спасибо, не думал, что так все просто )))

Edited October 16, 2011 by RK3DNP

[sigma77]

Ну а по существу можно?

По существу я уже ответила.

[SelenIT]

<tr>

<div id="celltext">

<td>456 </td>

<td>123</td>

</div>

</tr>

Так просто не получится, у таблицы есть строго определенная модель содержимого (thead/tfoot/tbody — tr — th/td), и всё, что в эту модель не укладывается, парсер просто выбросит прочь, как организм отторгает чужеродную ткань . Div — контейнер блоков, а не просто абстрактная объединялка чего угодно. Строки таблицы можно сгруппировать с помощью tbody.