Link skal fylde en hel div
Jeg har en div med dimensionerne 170x169.I den skal der stå en tekst som fungerer som link.
Hvordan får man hele div'en til at fungere som link - altså at man kan klikke hvor som helst i div-blokken?
Den skal også skifte baggrunds-billede når musen er over.
Her er hvad jeg har lavet hidtil:
.spotsNormal{
width:170px;
height:169px;
float:left;
background-image:url(../images/spot_out.gif);
font-family:verdana, sans-serif;
font-size:9pt;
}
div.spotsNormal:hover{
background-image:url(../images/spot_over.gif);
display:block;
}
.spotsNormal a:link{
color:#616161;
text-decoration:none;
}
.spotsNormal a:visited{
color:#616161;
text-decoration:none;
}
.spotsNormal a:hover{
color:#616161;
text-decoration:none;
}
.spotsNormal a:active{
color:#616161;
text-decoration:none;
}
