Hola. Esto es una cosa que he visto en un monton de paginas pero yo no consigo hacerlo funcionar.
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:
/* 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;
}
el a:active solo funciona mientras tengo pulsado el boton del raton, cuando lo suelto, vuelve al aspecto normal.