css A:hover { @ DeForum.ru

0 Сообщения: 9 Зарегистрирован: 02.06.03

Как сделать, чтобы при подводе курсора мыши к ссылке выделялся другим цветом не только ссылка, а весь <td> к примеру.

У меня есть вот такое:
A:hover { COLOR: red; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none }

, что нужно добавить, чтобы вместе с текстом выделялась вся ячейка

0 Сообщения: 230 Зарегистрирован: 14.09.03

например вот так

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<div id="test" onmouseover="document.getElementById('test').style.backgroundColor='Red'" onmouseout="document.getElementById('test').style.backgroundColor='White'">ПРОВЕДИ ПО МНЕ МЫШКОЙ</div>
</body>
</html>

jettero, там про таблицу шла речь

Код:

<html>
<head>
   <title>Untitled</title>
</head>

<body bgcolor="#ffffff">
<table height="150" width="150" cellspacing="0" cellpadding="0" border="1">
<tr>
   <td height="50" width="50"> </td>
   <td height="50" width="50"> </td>
   <td height="50" width="50"> </td>
</tr>
<tr>
   <td height="50" width="50"> </td>
   <td height="50" width="50" onmouseover="style.backgroundColor='red'" onmouseout="style.backgroundColor='white'"> </td>
   <td height="50" width="50"> </td>
</tr>
<tr>
   <td height="50" width="50"> </td>
   <td height="50" width="50"> </td>
   <td height="50" width="50"> </td>
</tr>
</table>
</body>
</html>

0 Сообщения: 230 Зарегистрирован: 14.09.03

-=dk=-,
да понятно, что про таблицу
я идею показал,
а дальше пусть сам думает :beer:

0 Сообщения: 230 Зарегистрирован: 14.09.03

desina,
я проверил твое предложение,
лично у меня эта конструкция нужного эффекта не дает.

0 Сообщения: 230 Зарегистрирован: 14.09.03

desina,
нет, при наводке на ссылку не работает,
в данном случае атрибут display никаким образом не влияет на отображение

mstf, а что, если так:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <title>Untitled</title>
<style>
   A { display : block; } 
   A:hover { background-color: red; } 
</style>   
</head>
<body>
   <table border="1">
      <tr>
         <td width="300">
            <a href="#">Hello World!</a>
         </td>
      </tr>
   </table>
</body>
</html>

desina, тогда так

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
    <title>Untitled</title> 
<style> 
    td A { display : block; width : 200px } 
    td A:hover { background-color: red } 
</style>      
</head> 
<body> 
    <table border="1"> 
        <tr> 
            <td> 
                <a href="#">Hello World!</a> 
            </td> 
            <td> 
                <a href="#">Hello World!</a> 
            </td> 
        </tr> 
    </table> 
</body> 
</html>

хотя первый вариант не работал то только в IE

DeДверь
Логин:
Пароль:
	Автологин