Mus over en TD?

<html>
<head>
<title>tabel test</title>
<style type="text/css">
.testTbl {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 11px;
  background-color: #CCCCCC;
  border-color: #FFFFFF black;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px
}

.testTbl a {
  position:relative;
  display:block;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  color: #666666
}

.testTbl a:hover { 
  background-color: #336699;
  text-decoration: none; 
  color: #FFFFFF
}

td {padding:0px}
</style>

</head>
<body>
<table width="250px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="250px" border="0" cellspacing="1" cellpadding="2">
<tr>
<td class="testTbl"><a href="#">Test 1</a></td>
</tr>
<tr>
<td class="testTbl"><a href="#">Test 2</a></td>
</tr>
<tr>
<td class="testTbl"><a href="#">Test 3</a></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

Kræver Javascript medmindre du vil til at lave nogle lidt mere seriøse CSS tricks. Så et forslag ville være at flytte spørgsmålet over i javascript kategorien. :)

tr.RowOverEven {
  background-color : #FFFFFF;
}
tr.RowOverSelected {
  background-color : #CCCCCC;
}

og

<tr class="RowOverEven" onmouseover="this.className='RowOverSelected';" onmouseout="this.className='RowOverEven';">

>> pelkjaer

takker :)

PS. Tak også til jer andre...