Форум АНТИЧАТ - Выделение в таблице строки

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)

- - Выделение в таблице строки (https://forum.antichat.xyz/showthread.php?t=67059)

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>   </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

попробуй заменить

Код HTML:

<style type="text/css">

td{

background-color: white;

}

td:hover{

background-color: black;

}

</style>

на

Код HTML:

<style type="text/css">

th{

background-color: white;

}

th:hover{

background-color: black;

}

</style>

если не поможет то плюс к этому попробуй удалить style='border-style: none;'

Время: 02:23