tr üzerine geldiginde gölge

15-04-2009, 16:11:51

#1

nurettin
merhaba arkadaşlar,
tablonun içindeki tr nin üzerine tr nin içinde olan tüm td lerin gölge olmasını nasıl saglarım?

örnegin.
```
<tr>
<td>yazı 1</td>
<td>yazı 2</td>
<td>yazı 3</td>
</tr>
```
örnegin yazı 1 üzerine geldigimde yazı1,yazı2,yazı3 hepsi üzerine gelindiginde renk degiştirmesi gerekiyor.

nedeni çok liste oldugundan üzerine gelinen veri bilinsin

15-04-2009, 17:46:10

nurettin adlı üyeden alıntı: mesajı görüntüle

css kodu ;

tr.disinda {
background: #CCCCCC;
}
tr.icinde {
background: #999999;
}

html kodu ;

<tr class="disinda" onmouseover="this.className='icinde'" onmouseout="this.className='disinda'">
<td>yazı 1</td>
<td>yazı 2</td>
<td>yazı 3</td>
</tr>

Örnek sayfa ;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Untitled Document</title>
<style type="text/css">
<!--
tr.disinda {
background: #CCCCCC;
}
tr.icinde {
background: #999999;
}
-->
</style>
</head>
<body>
<table width="154" border="0">
<tr class="disinda" onmouseover="this.className='icinde'" onmouseout="this.className='disinda'">
<td>tazı 1</td>
<td>yazı 2</td>
<td>yazı 3</td>
</tr>
</table> 
</body>
</html>

Kolay gelsin,