Выделяется строка таблицы

bigturtle · July 21, 2010

Здравствуйте. Уважаемые гуру скажите как можно организовать. Есть таблица состоящея из нескольких строк. Там 5 колонок. 2 колонка картинка. 3 колонка ссылка. Нужно сделать так что бы при наведении на строку картинка менялась на другую, весь текст и ссылка становились красными. Понимаю как сделать для одной картинки по средством css и с помощью :hover

____________________________________________________________

| | | | |

|___________|______________|______________|_________________|

| | | | |

|___________|______________|______________|_________________|

| | | | |

|___________|______________|______________|_________________|

спасибо.

Searcher · July 21, 2010

Попробуйте как-нить так, но в ИЕ6 точно не будет работать.

tr:hover td {...}
tr:hover td img {...}

d0ublezer0 · July 21, 2010

Ну и для таблицы так же.

HTML:

<table class="hoverme">
  <tr>
	<td>ляля</td>
	<td>ляля</td>
	<td>ляля</td>
  <tr>
  <tr>
	<td>ляля</td>
	<td>ляля</td>
	<td>ляля</td>
  <tr>
  <tr>
	<td>ляля</td>
	<td>ляля</td>
	<td>ляля</td>
  <tr>
</table>

CSS:

table.hoverme td {
   background-color:#FFF;
}

table.hoverme tr:hover td
{
   background-color:#EFEFEF;
}

Примерно так должно работать

UPD: Searcher опередил меня

stars · July 21, 2010

Как вариант(первые два предпочтительней конечно...):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Таблица в центре окна</title>
<style type="text/css">
table tr:hover {
background: #c60000;
}
</style>
</head>
<body>
<table align="center" width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="white">картинка</td>
<td>текст</td>
<td>ссылка</td>
<td>текст</td>
</tr>
<tr>
<td bgcolor="white">Трус</td>
<td>Шурик</td>
<td>Трус</td>
<td>Шурик</td>
</tr>
</table>
</body>
</html>

Edited July 21, 2010 by stars

bigturtle · July 23, 2010

спасибо.

Great Rash · July 23, 2010

Прочтите это

Sign In

Выделяется строка таблицы

Question

bigturtle

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

d0ublezer0

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

bigturtle

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information