| |
|
|
| | как поменять цвет фона td и цвет ссылки внутри td одновременно при наведении на td ?
помогите плиз.
меняется цвет фона, а цвет ссылки только когда мышка непосредственно над ссылкой. а как сделать, чтобы при наведении на любую часть td цвет тескста ссылки менялся | |
| |
|
|
| |
|
|
| |
для: mike_k3
(16.05.2007 в 00:47)
| | | Если ячейка содержит только ссылку (или же ссылка является первым элементом в ячейке), то так:
<table border cellpadding=10>
<tr>
<td style="background: white"
onmouseover="this.style.background = 'silver'; this.firstChild.style.color = 'blue';"
onmouseout ="this.style.background = 'white'; this.firstChild.style.color = 'red';"
><a href="#" style="color: red">Link</a></td>
</tr>
</table>
|
Обратите внимание на то, что открывающий тег <A надо писать сразу за закрывающим тег TD символом >, т.е. слитно - без пробела и переноса строки.
Если же ссылка где-то внутри текста (содержания) ячейки, то тогда this.firstChild замените на document.getElementById ('myLnk'), а самой ссылке назначьте id="myLnk". И, разумеется, в этом случае слитно писать ничего не обязательно.
PS. Это - всего лишь один из множества возможных способов. | |
| |
|
|
| |
|
|
| |
для: CNT
(16.05.2007 в 01:57)
| | | спасибо огромное) | |
| |
|
|
| |
|
|
| |
для: mike_k3
(16.05.2007 в 00:47)
| | |
<style>
td {width:100px; height:50px;}
a:link, a:visited {
color:blue;
display:block;
margin:0px;
height:100%;
}
a:hover{
color:red;
display:block;
margin:0px;
height:100%;
background:black;
font-weight:bold;
}
</style>
<table>
<tr>
<td><a href="#">test link</a></td>
</tr>
</table>
|
| |
| |
|
|
