Foros del Web » Creando para Internet » CSS »

Problema simple con Link

Estas en el tema de Problema simple con Link en el foro de CSS en Foros del Web. Gente, que tal. Tengo un link gris que cuando pasa por arriba el mouse quiero que sea blanco. La primera vez que paso por arriba ...
  #1 (permalink)  
Antiguo 05/06/2011, 13:39
 
Fecha de Ingreso: julio-2008
Mensajes: 133
Antigüedad: 15 años, 8 meses
Puntos: 1
Problema simple con Link

Gente, que tal.

Tengo un link gris que cuando pasa por arriba el mouse quiero que sea blanco. La primera vez que paso por arriba el mouse se pasa de gris a blanco. EL tema es que cuando aprieto, dsp paso el mouse por arriba del link y queda en gris, no se pasa a blanco
Código CSS:
Ver original
  1. .submenu2 {
  2.     background-image: url(../images/subsecciones/btn.png);
  3.     background-repeat: no-repeat;
  4.     background-position: left top;
  5.     height: 25px;
  6.     width: 140px;
  7.         color: #999;
  8.     padding-left: 30px;
  9.     padding-top: 10px;
  10.     margin-bottom: 5px;
  11. }
  12.  
  13.  
  14. .submenu2 a:link{
  15.  
  16.     color: #999;
  17.  
  18. }
  19.  
  20. .submenu2 a:hover{
  21.     color: #ffffff;
  22. }
  23.  
  24. .submenu2 a:visited{
  25.     color: #999;
  26. }
  27.  
  28. .submenu2 a:active{
  29.     color: #ffffff;
  30. }



Alguien se le ocurre que puede estar pasando?


Saludos
  #2 (permalink)  
Antiguo 05/06/2011, 13:44
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: Problema simple con Link

A simple vista diría que el problema esta en .submenu2 a:visited, una vez has hecho clic el color del enlace sera el #999.
  #3 (permalink)  
Antiguo 05/06/2011, 13:47
 
Fecha de Ingreso: julio-2008
Mensajes: 133
Antigüedad: 15 años, 8 meses
Puntos: 1
Respuesta: Problema simple con Link

Gracias por la respuesta, pero me parece que no entendi.

Tu dices que el problema esta en el visited, pero esta en 999 ...

O sea yo quiero que este en 999 el link y que cuando pase por arriba el mouse sea blanco. Es todo lo que quiero
  #4 (permalink)  
Antiguo 05/06/2011, 14:01
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: Problema simple con Link

Si si, se lo que quieres.

El problema esta en que cuando tu aun no has pulsado ese link todo va bien porque aun no a entrado en juego el a:visited, pero una vez lo has pulsado permanece por encima de todos el color que le has puesto al a:visited. Estoy intentando ver como arreglarlo pero aun no se me ocurre nada
  #5 (permalink)  
Antiguo 05/06/2011, 14:05
 
Fecha de Ingreso: julio-2008
Mensajes: 133
Antigüedad: 15 años, 8 meses
Puntos: 1
Respuesta: Problema simple con Link

El tema es xq nunca pasa esto.. osea es un simple hover.. siempre lo hago,solo que ahora una vez q apreto no anda masss
  #6 (permalink)  
Antiguo 05/06/2011, 14:48
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: Problema simple con Link

Es curioso pero me pensaba que el orden de los factores no alteraba el producto, pero se ve que si.

Tu código esta bien, el problema esta en el orden.

He probado con tu código tal cual.
Código CSS:
Ver original
  1. ul#nav li a:link {
  2.       color: #999;
  3. }
  4.  
  5. ul#nav li a:hover {
  6.       color: #ffffff;
  7. }
  8.  
  9. ul#nav li a:visited {
  10.       color: #999;
  11. }
  12.  
  13. ul#nav li a:active {
  14.       color: #ffffff;
  15. }

Resultado: Antes de pulsar el link todo va perfecto, una vez pulsado el color declarado en el a:visited queda por encima dejando inutilizado el a:hover.

Un cambio de orden de tu mismo código.
Código CSS:
Ver original
  1. ul#nav li a:link {
  2.       color: #999;
  3. }
  4.  
  5. ul#nav li a:visited {
  6.       color: #999;
  7. }
  8.  
  9. ul#nav li a:hover {
  10.       color: #ffffff;
  11. }
  12.  
  13. ul#nav li a:active {
  14.       color: #ffffff;
  15. }

Resultado: Antes y después de pulsar el link el a:hover funcionan perfectamente.

Mi conclusión es que el explorador lee el código de una forma lineal por lo que el problema estaba en que una vez pulsado el link no había propiedad a:hover porque estaba encima así que no cambiaba el color.
  #7 (permalink)  
Antiguo 05/06/2011, 15:39
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 9 meses
Puntos: 1012
Respuesta: Problema simple con Link

leed esto
  #8 (permalink)  
Antiguo 05/06/2011, 15:47
Avatar de Ventru3  
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 4 meses
Puntos: 13
Respuesta: Problema simple con Link

No sabia que se podían combinar

Pero "mi" estructura es mas guay.
  #9 (permalink)  
Antiguo 05/06/2011, 21:00
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 15 años, 9 meses
Puntos: 28
Respuesta: Problema simple con Link

Como dicen en inglés... El Orden es Link Visited Hover y Active...
Porqué?? Love and Hate!!
__________________
Adivino del Foro y Admirador de Sabios

Etiquetas: link, simple
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 20:30.