Foros del Web » Creando para Internet » CSS »

al clicar en un link se quede subrayado

Estas en el tema de al clicar en un link se quede subrayado en el foro de CSS en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 26/01/2009, 07:57
 
Fecha de Ingreso: marzo-2007
Mensajes: 538
Antigüedad: 10 años, 9 meses
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!!!!
  #2 (permalink)  
Antiguo 26/01/2009, 08:39
 
Fecha de Ingreso: marzo-2007
Mensajes: 538
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: al clicar en un link se quede subrayado

he probado con el a:active pero no funciona hay alguna otra manera de hacerlo?

Gracias!!
  #3 (permalink)  
Antiguo 26/01/2009, 08:49
Avatar de sublime_style  
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 9 años, 5 meses
Puntos: 1
Respuesta: al clicar en un link se quede subrayado

prueba con a:visited el problema es que te va a subrayar todos los que clikees no solo el ultimo.

No se si lo que nesecitas hacer se puede lograr mediante Css unicamente o debas manejar un poco de Javascript quizas.
  #4 (permalink)  
Antiguo 26/01/2009, 08:59
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: al clicar en un link se quede subrayado

mmm, como cada vez que das click a un vínculo la web se recarga, puedes hacerlo así, utiliza una clase para marcar el vínculo en que estas en ese momento:

Código:
.vinculo_activo{text-decoration:underline}
y ahora se la aplicas a cada vínculo en el que estas:

Código HTML:
<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\\prueba1")' href="#" class="activa">Este texto aparecerá subrayado</a></li> 
y así sucesivamente la aplicas si estas en la siguiente hoja se la aplicas al siguiente menú.

si la pag no se recarga entonces tendrás que utilizar javascript
__________________
WFC
codigo82
  #5 (permalink)  
Antiguo 26/01/2009, 09:03
 
Fecha de Ingreso: marzo-2007
Mensajes: 538
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: al clicar en un link se quede subrayado

willyfc imagino que
.vinculo_activo es activa, no?
  #6 (permalink)  
Antiguo 26/01/2009, 09:08
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: al clicar en un link se quede subrayado

si,si, disculpa se me fue es que estoy algo liado ahora pero si es así

Código HTML:
<li class="pagina"><a onclick='cargarPagina("pag1.txt","c:\\prueba1")' href="#" class="vinculo_activo">Este texto aparecerá subrayado</a></li> 
__________________
WFC
codigo82
  #7 (permalink)  
Antiguo 26/01/2009, 10:04
 
Fecha de Ingreso: marzo-2007
Mensajes: 538
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: al clicar en un link se quede subrayado

muchas gracias!!!!

Ya lo tengo, un saludo!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:25.