Hej
Laver hjemmeside for
TAKO LAKO, og er løbet ind i et problem:
I venstre side af forsiden har jeg en liste, som når man tager musen over et div skifter farve. Det virker fint, men når man klikker ind på dem, og så kommer tilbage til siden igen, så virker a:hover ikke længere?
Min CSS til listen ser sådan ud:
.row01 a:link {
width: 175px;
background-color: #E5DFDF;
margin: 0px 14px 0px 13px;
padding: 10px 10px 10px 10px;
text-decoration: none;
display: block;
}
.row01 a:hover {
background-color: #D3CDCD;
display: block;
text-decoration: none;
}
.row01 a:visited {
width: 175px;
background-color: #E5DFDF;
margin: 0px 14px 0px 13px;
padding: 10px 10px 10px 10px;
text-decoration: none;
display: block;
}
.row02 a:link {
width: 175px;
margin: 0px 14px 0px 13px;
padding: 10px 10px 10px 10px;
text-decoration: none;
display: block;
}
.row02 a:hover {
background-color: #D3CDCD;
display: block;
text-decoration: none;
}
.row02 a:visited {
width: 175px;
margin: 0px 14px 0px 13px;
padding: 10px 10px 10px 10px;
text-decoration: none;
display: block;
}
.redsmall {
font-size: 12px;
color: #882B2E;
font-weight: normal;
}
.blackbig {
font-size: 16px;
font-weight: bold;
color: #000000;
}.. og hver række i listen ser ca. sådan ud:
<div class='row01'><a href='http://www.google.dk'><span class='redsmall'>21. Marts 20:30</span><br />
<span class='blackbig'>Studenterhuset</span><span class='blackbig'></span></a></div>