nicht angemeldet
Ich habe folgenden Quelltext:
<html>
<head>
<title>test</title>
<style type="text/css">
body {
font-family: Verdana,Arial;
font-size: 12px;
color: #000000;
background-color: #E0E3E8;
}
.menue {
vertical-align: top;
padding: 0px;
font-size: 11px;
color: rgb(255, 255, 255);
background-color: #FFFFFF;
}
.menuekopf {
border-bottom: 1px solid #FFFFFF;
padding: 2px;
font-size: 11px; font-weight: bold;
color: #FFFFFF;
background-color: #EE3A1F; /* rot */
}
.menuelinks a {
padding: 3px;
display: block;
font-size: 11px;
color: #000000;
text-decoration: none;
background-color: #ECEAC1; /* gelbgrau */
margin-bottom: 1px;
}
.menuelinks a:hover {
padding: 3px;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
background-color: #A99B54; /* golden */
}
</style>
</head>
<body>
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="800">
<tr><td>abc</td></tr>
<tr>
<td class="menue" height="300" width="175">
<div class="menuekopf">Hauptkategorie</div>
<div class="menuelinks">
<a href="index.html">Menue 1</a>
<a href="index.html">Menue 2</a>
<a href="index.html">Menue 3</a>
</div>
</td>
</tr>
</table>
</div>
</body>
</html>
Lasse ich die erste Tabellenzeile weg (<tr><td>abc</td></tr>) funktioniert alles wie gewünscht, ansonsten funktioniert der Hover-Effekt über den Links nur dann, wenn ich über dem Text bin, nicht aber, wenn ich mich im gesamten Block befinde. Bin ratlos...