Foros del Web » Creando para Internet » CSS »

LInk Activo css

Estas en el tema de LInk Activo css en el foro de CSS en Foros del Web. hola lo que busco es mantener un link de diferente color mientras estoy viendo la pagina respectiva ejemplo: tengo abierto archivos y en el menu ...
  #1 (permalink)  
Antiguo 31/07/2009, 10:29
Avatar de konoyek  
Fecha de Ingreso: julio-2007
Mensajes: 268
Antigüedad: 10 años, 5 meses
Puntos: 0
De acuerdo LInk Activo css

hola lo que busco es mantener un link de diferente color mientras estoy viendo la pagina respectiva

ejemplo:

tengo abierto archivos y en el menu me muestre lo siguiente:

archivos (red)
contenido (azul)
biblioteca (azul)
musica (azul)
  #2 (permalink)  
Antiguo 31/07/2009, 10:33
Avatar de jayjayjay_92  
Fecha de Ingreso: octubre-2008
Mensajes: 77
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: LInk Activo css

No puedes hacer eso que yo sepa, pero puedes añadir una clase por ejemplo selected entonces haces .selected a{color:red;} (si la clase la llevase un padre) o a.selected{color:red} (si la clase la llevase el propio enlace)
  #3 (permalink)  
Antiguo 31/07/2009, 10:39
Avatar de konoyek  
Fecha de Ingreso: julio-2007
Mensajes: 268
Antigüedad: 10 años, 5 meses
Puntos: 0
De acuerdo Respuesta: LInk Activo css

mira tengo el siguiente codigo pero no se en que estoy fallando

Código HTML:
#menu {
background:none;
color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-transform:uppercase;
margin-bottom:20px;
}

#menu a{
color:#999999;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-transform:uppercase;
}

#menu a:hover {
	color: #0099CC;
	text-decoration: underline;
	}


#menu a:active {
    color: #0000FF !important;
    }

#menu li {
border-bottom: #64B6BF dashed 1px;
padding-top:5px;
padding-bottom: 5px;
padding-right:10px;
list-style:none;

}

#menu li a:active {
    color: #0000FF !important;
    }
  #4 (permalink)  
Antiguo 31/07/2009, 11:03
Avatar de jayjayjay_92  
Fecha de Ingreso: octubre-2008
Mensajes: 77
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: LInk Activo css

Fallas porque
active: es cuando estas presionando
visited: cuando ya ha sido presionado
hover: cuando tienes el ratón encima
link: Cuando no se cumple ninguna de las anteriores

Vamos que lo que necesitas no es un active, añadele una clase selected al li y punto...
  #5 (permalink)  
Antiguo 31/07/2009, 11:16
Avatar de konoyek  
Fecha de Ingreso: julio-2007
Mensajes: 268
Antigüedad: 10 años, 5 meses
Puntos: 0
De acuerdo Respuesta: LInk Activo css

me perdi un poco me podrias decir como que el css
  #6 (permalink)  
Antiguo 31/07/2009, 12:04
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 9 años, 6 meses
Puntos: 28
Respuesta: LInk Activo css

Veamos....

A que te referís con "tengo abierto archivos" ???

Sinceramente no entiendo a que te referis...

Podrias poner el HTML del menú???
__________________
Adivino del Foro y Admirador de Sabios
  #7 (permalink)  
Antiguo 31/07/2009, 13:04
Avatar de konoyek  
Fecha de Ingreso: julio-2007
Mensajes: 268
Antigüedad: 10 años, 5 meses
Puntos: 0
De acuerdo Respuesta: LInk Activo css

simplemente es que me muestre la pagina que se encuentra abierta o el link que se esta viendo y que este mientras se encuentra abierto me muestre otro color
  #8 (permalink)  
Antiguo 31/07/2009, 13:16
Avatar de konoyek  
Fecha de Ingreso: julio-2007
Mensajes: 268
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: LInk Activo css

un ejemplo claro seeri:

http://www.caracoltv.com/informativos
  #9 (permalink)  
Antiguo 31/07/2009, 14:47
Avatar de jayjayjay_92  
Fecha de Ingreso: octubre-2008
Mensajes: 77
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: LInk Activo css

Te explico, tu tienes un menu hecho con listas
<ul>
<li />
<li />
<li />
</ul>

Obviamente esto no tiene sentido pero es para que lo entiendas, entonces añades una clase o una id al que está activo y queda

<ul id="nav">
<li class="selected" ><a href="#">Seleccionado</a></li>
<li />
<li />
</ul>

y en el css pones
ul .selected{color:red;}
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 11:24.