CSS - a:hover

TheCadillacMan

Captain
Registriert
Juni 2005
Beiträge
3.096
Hallo zusammen,

ich hab ein kleines Problem mit CSS.

zuerst mal meinen CSS Code:
Code:
.nav {
width: 250px;
background-color: #0099CC;
display: block;
}

.navcontent {
display: block;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
}

a.navcontent:hover {
background-color: #003366;
text-decoration: underline;
}

Wenn ich einen Link per "<div>" formatiere, funktioniert der hover effekt nicht::(
Code:
<div class="nav">
<div class="navcontent">
<a href="http://www.google.de/">Google</a>
</div>
</div>

Wenn ich´s aber so hinschreibe funktioniert plötzlich wie vorgesehen:
Code:
<div class="nav">
<a class="navcontent" href="http://www.google.de/">Google</a>
</div>

Wie bring ich es hin, dass es auch mit "<div>" funktioniert?

MfG
powerbond007
 
Soweit ich weiss, geht das nicht, da man hover nur auf a anwenden kann, nicht auf div.
 
Zurück
Oben