Cuando paso el cursor por encima del enlace, se pone como se ve en la imagen (lado izq). quiero q cuando haga click y se abra el archivo html correspondiente, el enlace se ponga como el del lado derecho y permanezca asi durante el tiempo que este abierto el archivo.
h t t p://img295.imageshack.us/img295/2461/sinttulo3copiahx2.jpg
este es el css del menu:
Código:
el a:active solo funciona mientras tengo pulsado el boton del raton, cuando lo suelto, vuelve al aspecto normal. /* menu lateral */
#menulat{
font : 10pt Georgia;
color: #515151;
font-style: oblique;
width: 180px;
padding-left: 20px;
text-align: left;
float:right;
margin: 30px 0px 0px 0px;
border-left: 1px solid #515151;
}
#menulat ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
border: 0;
list-style: none;
}
#menulat ul li {
text-align: left;
border-bottom:
1px dotted #515151;
padding-right: 0px;
}
#menulat a {
display : block;
_width: 180px;
margin : 0px;
padding: 8px 5px 8px 10px;
text-decoration: none;
color: #666666;
}
#menulat a:hover {
display : block;
background: #484848;
color: #ffffff;
border-right: 4px solid #801F36;
}
#menulat a:active {
display : block;
background: #484848;
border-right: 4px solid #ffffff;
color : #ffffff;
}
He aprovechado para utilizarlo en mi paginilla y ahorrarme algunas líneas de código JavaScript.
