Hola amigos!!
Tengo este codigo
Código:
<ul>
<li class="carpeta">Usuario 1</li>
<ul >
<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\\prueba1")'>Pagina 1</a></li>
<li class="pagina"><a onclick='cargarPagina("pag2.txt","c:\prueba2")'>Pagina 2</a></li>
<li class="pagina"><a onclick='cargarPagina("pag3.txt","c:\prueba3")'>Pagina 3</a></li>
</ul>
</ul>
<ul>
<li class="carpeta">Usuario 2</li>
<ul >
<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\prueba1")'>Pagina 1</a></li>
<li class="pagina"><a onclick='cargarPagina("pag2.txt","c:\prueba2")'>Pagina 2</a></li>
</ul>
</ul>
y en mi CSS he puesto lo siguiente:
Código:
#main #content_left #left #middle #right #content ul{
padding:0;
margin:0;
padding-left:5px;
}
#main #content_left #left #middle #right #content li a:hover{
text-decoration:underline;
cursor:pointer;
}
#main #content_left #left #middle #right #content li a:visited{
text-decoration:underline;
cursor:pointer;
}
#main #content_left #left #middle #right #content .carpeta{
font-weight:bolder;
font-size: 12px;
padding-left: 17px;
margin-left: 2px;
margin-bottom: 5px;
background:url(../img/menu/listas/folder.png) top left no-repeat;
list-style:none;
}
#main #content_left #left #middle #right #content .pagina{
font-size: 11px;
padding-left: 17px;
margin-left: 2px;
margin-bottom: 5px;
background:url(../img/menu/listas/page.png) bottom left no-repeat;
list-style:none;
}
Como puedo hacer para que cuando se clique en un link, se quede subrayado ? y en cuanto se clique en otro desaparezca y se subraye el otro?
Gracias!!!!