Mam drobny problem, sprawdzałem kilka razy i nie wiem, czemu nie działa mi #content_left li a:active. Oto kod:
<li><a href="?go=1">Link 1
</a></li> <li><a href="?go=2">Link 2
</a></li> <li><a href="?go=3">Link 3
</a></li>
A oto CSS:
#content_left {
font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif;
clear: left;
margin : 0;
width: 200px;
float : left;
text-align : left;
font-size : 11px;
background-image : url(galeria/);
background-repeat : no-repeat;
background-position : bottom right;
padding-top: 15px;
}
#content_left ul {
list-style: none;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 1.1em;
}
#content_left li {
margin-bottom: 4px;
}
#content_left li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #36BF2A;
display: block;
padding: 5px 0 0 8px;
background: #ffffff;
border-left: 5px solid #36BF2A;
}
#content_left li a:active {
background-color: #36BF2A;
color: #ffffff;
border-left: 5px solid #36BF2A;
}
#content_left li a:hover {
background-color: #36BF2A;
color: #ffffff;
border-left: 5px solid #36BF2A;
}
Niby wszystko dobrze, ale aktywny link nie wyróżnia się jako aktywny. W czym może być problem?
Ten post edytował gaculla 9.05.2009, 08:32:22