Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/01/2009, 07:57
Laufwerk
 
Fecha de Ingreso: marzo-2007
Mensajes: 538
Antigüedad: 17 años
Puntos: 0
al clicar en un link se quede subrayado

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!!!!