nicht angemeldet
Hallo!
Ich bin gerade ein bisschen mit CSS am rumspielen und hab mir folgendes Menü gebastelt:
<html>
<head>
<style>
#test { width: 100px; }
#test a { display: block; background: #3399ff; border: #000000 1px solid; padding: 1px; }
#test a:hover { display: block; background: #ffffff; border: #3399ff 1px solid; padding: 1px; }
</style>
</head>
<body>
<table>
<tr><td id="test"><a href="test1.htm">TEST 1</a></tr>
<tr><td id="test"><a href="test2.htm">TEST 2</a></tr>
<tr><td id="test"><a href="test3.htm">TEST 3</a></tr>
<tr><td id="test"><a href="test4.htm">TEST 4</a></tr>
<tr><td id="test"><a href="test5.htm">TEST 5</a></tr>
</table>
</body>
</html>
Nun habe ich das Problem, dass in der ersten Tabellenreihe die Farbe geändert wird, auch wenn man mit der Maus ausserhalb des Links ist.
Warum ändert sich in den anderen Tabellenreihen die Farbe nur, wenn man mit der Maus direkt über dem Link ist?
Ich hätte es gerne so, wie in der ersten Tabellenreihe... also quasi td:hover... aber das geht ja nicht.
Wäre nett, wenn mir jemand sagen könnte wie ich das hinbekomme!
Paul