Web-мастер: курс молодого бойца

Подсветка целой строки в таблице с помощью CSS

 Страницы: 1 | 2
 

 Добавлено 2007-12-16 23:14:38
nobody


Сообщений: 104
Зарегистрирован: 09.11.2007

Цитировать
Мне нужно сделать подсветку фона целой строки в таблице с помощью CSS. Возможно ли это осуществить не прибегая к JavaScript?
Наверх  Посмотреть профиль    

 Добавлено 2007-12-16 23:15:20
root
Администратор


Сообщений: 85
Зарегистрирован: 04.11.2007

Цитировать
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
TR:hover {
 background: #fc0; /* Меняем цвет фона строки таблицы */
}
</style>
</head>

<body>

<table width="400" border="1" cellpadding="4" cellspacing="0">
 <tr>
  <th> </th>
  <th>Пики</th>
  <th>Трефы</th>
  <th>Бубны</th>
  <th>Червы</th>
 </tr>
 <tr>
  <td>Чебурашка</td>
  <td>5</td>
  <td>2</td>
  <td>4</td>
  <td>2</td>
 </tr>
 <tr>
  <td>Крокодил Гена</td>
  <td>2</td>
  <td>7</td>
  <td>1</td>
  <td>3</td>
 </tr>
 <tr>
  <td>Шапокляк</td>
  <td>5</td>
  <td>4</td>
  <td>3</td>
  <td>1</td>
 </tr>
 <tr>
  <td>Крыса Лариса</td>
  <td>1</td>
  <td>0</td>
  <td>5</td>
  <td>7</td>
 </tr>
</table>

</body>
</html>
 
Наверх  Посмотреть профиль   Сайт автора Отредактировано модератором evgenijj 19.04.2008

 Добавлено 2009-03-03 18:27:44


Цитировать
Ага. Совет хороший, только в IE он не сработает, т.к. там :hover применимо только к тэгу <a>. Если я ошибаюсь - то буду весьма рад, поскольку как подсветить строки в IE без яваскрипта - загадка.
Наверх Незарегистрированный пользователь  

 Добавлено 2009-03-03 20:52:12
kuteikin


Сообщений: 62
Зарегистрирован: 16.10.2008

Цитировать
Считаю, что без JS в IE никак не обойтись.
Наверх  Посмотреть профиль   Отредактировано автором 03.03.2009

 Добавлено 2009-03-07 19:20:07



Сообщений: 2
Зарегистрирован: 07.03.2009

Цитировать
Можно с помощью DHTML.
<table width="400" border="1" cellpadding="4" cellspacing="0">
 <tr>
  <th> </th>
  <th>Пики</th>
  <th>Трефы</th>
  <th>Бубны</th>
  <th>Червы</th>
 </tr>
 <tr bgcolor="FFFFFF"  onmouseover="this.style.backgroundColor='abe8ad'" style="background-color='7fdb9e'" onmouseout="this.style.backgroundColor='7fdb9e'">
  <td>Чебурашка</td>
  <td>5</td>
  <td>2</td>
  <td>4</td>
  <td>2</td>
 </tr>
</table>
Наверх  Посмотреть профиль   Отредактировано автором 07.03.2009
 Страницы: 1 | 2
 
Быстрый ответ
 
Цвет шрифта: Закрыть все теги
Сообщение
Защитный код