Trenger litt hjelp ang css link:hover

[lobster]

<style type="text/css">
<!--
.hsmenylink, .hsmenylink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
color: White;
}

.hsmenylink:hover {
text-decoration: underline;
}

.hsmeny1, .hsmeny2 {
height: 20px;
width: 140px;
border-top: 1px solid #C80000;
border-right: 1px solid Black;
border-bottom: 1px solid #5E0000;
border-left: 0px solid #FFFFFF;
margin-left: 5px;
background-color: #D40000;
}

.hsmeny1:hover, .hsmeny2:hover {
background-color: #FF0202;
}

.hsmeny1 {
text-indent: 5px;
}
.hsmeny2 {
text-indent: 15px;
}
-->
</style>
<table border="0" cellspacing="0" cellpadding="0">
 <tr> 
   <td class="hsmeny1"><a href="/forside" class="hsmenylink">Forside</a></td>
 </tr>
 <tr> 
   <td class="hsmeny1"><a href="/damer" class="hsmenylink">Damer</a></td>
 </tr>
 <tr> 
   <td class="hsmeny2"><a href="/relasjoner" class="hsmenylink">Relasjoner</a></td>
 </tr>
 <tr> 
   <td class="hsmeny2"><a href="/portretter" class="hsmenylink">Portretter</a></td>
 </tr>
 <tr> 
   <td class="hsmeny1"><a href="/fritid" class="hsmenylink">Fritid</a></td>
 </tr>
</table>

 

Jeg skulle ønske :hover virket i explorer.

Det hadde også vært fint hvis hele cellen kunne vært en link i stedet for kun teksten slik det er nå.

 

Noen tips?

[haugsand]

:hover funker bare på a i IE, ikke noe å gjøre med dessverre.

 

Men, du har en løsning på dette problemet. Fjern den tabellen, og sett display: block; på linkene. Da virker linkene som et blokkelement, og du kan blant annet legge til padding.

 

Her kan du finne en god artikkel om hvordan du kan gjøre dette.

[lobster]

Flott.

Denne guiden var utrolig fin

Takk for linken.