PDA

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

Graf I
11.04.2008, 19:14
Как сделать чтобы в таблице, строка выделялась при наведение на неё?
hackconnect
11.04.2008, 19:19
js событие OnMouseOver - меняй this.style.color или че-то в этом роде
astrologer
11.04.2008, 19:19
<style type="text/css">
tr:hover
{
background: #777;
color: #EEE;
}
</style>
GreenBear
11.04.2008, 19:25
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
td{
background-color: white;
}
td:hover{
background-color: black;
}
</style>
</head><body>
<table>
<tr>
<td>&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>
</body></html>
ff, opera, ie7 (ие7 насколько помню только в строгом доктайпе)
this.style.color или че-то в этом роде
this.style.backgroundColor = '';

ну это если со скриптом...
hackconnect
11.04.2008, 19:30
да, чет про ховер я забыл :d как можно. конечно делай по ховеру. Если для части таблиц, пиши класс.
Graf I
11.04.2008, 20:15
Чего то неполучаеться, может это изза того что таблица в php?
hackconnect
11.04.2008, 21:54
что значит таблица в php?

смотри вывод и ищи там - есть ли то что ты хочешь?
Graf I
12.04.2008, 22:27
у меня таблица такого типа


<table class='table' width='80%' align='center' cellpadding='0' cellspacing='0'>
<tr>
<th class='mon' style='border-style: none;' height='30'><div align='left'><b>1</b></div></th>
<th class='mon' style='border-style: none;' height='30'><div align='left'><b>2</b></div></th>
<th class='mon' style='border-style: none;' height='30'><div align='left'><b>3</b></div></th>
<th class='mon' style='border-style: none;' height='30'><div align='center'><b>4</b></div></th>
<th class='mon' style='border-style: none;' height='30'><div align='center'><b>5</b></div></th>
<th class='mon' style='border-style: none;' height='30'><div align='center'><b>6</b></div></th>
</tr>
SeGaLWS
12.04.2008, 23:31
попробуй заменить <style type="text/css">
td{
background-color: white;
}
td:hover{
background-color: black;
}
</style>
на
<style type="text/css">
th{
background-color: white;
}
th:hover{
background-color: black;
}
</style>
если не поможет то плюс к этому попробуй удалить style='border-style: none;'