Foros del Web » Creando para Internet » CSS »

A:visited - link - hover - active

Estas en el tema de A:visited - link - hover - active en el foro de CSS en Foros del Web. Hi everyone! Tengo un poco de lio con la configuración de los enlaces Esta es la web por la que me he orientado: http://www.desarrolloweb.com/articulos/521.php Ahora ...
  #1 (permalink)  
Antiguo 26/12/2009, 06:16
 
Fecha de Ingreso: enero-2009
Mensajes: 81
Antigüedad: 8 años, 11 meses
Puntos: 1
Exclamación A:visited - link - hover - active

Hi everyone!

Tengo un poco de lio con la configuración de los enlaces
Esta es la web por la que me he orientado:
http://www.desarrolloweb.com/articulos/521.php

Ahora bien, siguiendo la proxima página...
http://www.desarrolloweb.com/articul...anual_css.html
... vosotros cuando pinchais en el supuesto enlace del cuadro rojo (que es de prueba) os cambia el color a blanco (lo que en el css sería a:active)?
Porque a mi no..., ya me direis porque no funciona. Lo probé en IE y FF

P.D: Viendo el codigo fuente de la página, vereis que en active está el color #FFFFFF. Con lo que al pinchar sobre el enlace cambiaría a ese color. Yo no lo veo así
  #2 (permalink)  
Antiguo 26/12/2009, 06:27
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: A:visited - link - hover - active

hola,
ese artículo está muy mal. Te sugiero consultar ejemplos más actuales, no de hace 9 años atrás porque varias cosas han cambiado (desde los propios lenguajes hasta el soporte de los navegadores y las técnicas que se usan para conseguir tal o cual cosa).

En este caso está mal el orden. El orden siempre tiene que ser LINK, VISITED, HOVER y ACTIVE.
Además todas las propiedades que compartan los 4 estados, pueden agruparse simplemente en A, y luego sobrescribes la propiedad solo en los estados que cambian. Ejemplo:
Código CSS:
Ver original
  1. A:link {color:#0000cc;}
  2. A:visited {color:#0000cc;}
  3. A:hover {color:#0000ff;}
  4. A:active {color:#0000cc;}
pasaría a ser:
Código CSS:
Ver original
  1. a{color:#0000cc;}
  2. a:hover {color:#0000ff;}
los 2 códigos son equivalentes, pero obviamente el 2° es más eficiente.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 26/12/2009, 06:44
 
Fecha de Ingreso: enero-2009
Mensajes: 81
Antigüedad: 8 años, 11 meses
Puntos: 1
Respuesta: A:visited - link - hover - active

De acuerdo, entendido

Pues si que funciona ahora.

Gracias

Una cosa: funciona en FF también? Porque estoy probando y...

Última edición por JonYeste; 26/12/2009 a las 06:52
  #4 (permalink)  
Antiguo 26/12/2009, 07:52
 
Fecha de Ingreso: enero-2009
Mensajes: 81
Antigüedad: 8 años, 11 meses
Puntos: 1
Respuesta: A:visited - link - hover - active

Siguiendo con este jilo, he encontrado otra manera de hacerlo (creo):

HTML:
Código HTML:
<a class="style_lftfirstdiv_menutxt" 
	
				 title="Enlaces interesantes" target="_blank" href="#">|&nbsp;Enlaces</a> 
CSS:
Código CSS:
Ver original
  1. .style_lftfirstdiv_menutxt {
  2.     font-family: "HelveticaNeue LT 65 Medium", Arial, "Courier New", "Times New Roman";
  3.     font-size: 14px;
  4.     color: #000000;
  5.     text-decoration: none;
  6.     display: block;
  7.     margin-right: 1px;
  8.    
  9.     border-bottom-style: solid;
  10.     border-bottom-width: 1px;
  11.     border-bottom-color: #808080;
  12. }
  13.  
  14. .style_lftfirstdiv_menutxt:hover {
  15.     background-color:#370000;
  16.     color:#FFFFFF;
  17. }
  18. .style_lftfirstdiv_menutxt:active {
  19.     background-color:#370000;
  20.     color:#ffff00;
  21. }
...de esta manera sí funciona, pero a la hora de poner :visited en el IE funciona correctamente, pero en el FF me sale el color que indico en :visited como si fuera :link

Código CSS:
Ver original
  1. .style_lftfirstdiv_menutxt:visited {
  2.     color:#green;
  3. }
De esta manera:


P.D: Lo que en realidad quiero es que una vez que hayas pinchado enel enlace se ponga de color verde, no antes de haber pinchado.
  #5 (permalink)  
Antiguo 26/12/2009, 11:49
 
Fecha de Ingreso: enero-2009
Mensajes: 81
Antigüedad: 8 años, 11 meses
Puntos: 1
Respuesta: A:visited - link - hover - active

Alguna idea? Gracias


Por cierto, ultimamente estoy mirando las páginas webs que suelo frecuentar y me estoy dando cuenta que la función (estilo) a:visited no la tiene casi ninguna

La gente se encuentra con el mismo error que yo o que pasa?

De hecho en este foro, cuando pinchais en los enlaces, no se quedan en otro color, siguen normal. En cambio, cuando ralizas una busqueda en google se quedan en morado las visitadas
  #6 (permalink)  
Antiguo 26/12/2009, 12:02
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: A:visited - link - hover - active

piensa que tu estás enlazando a "#" que es la misma página que estas viendo en ese momento... y por lo tanto, está visitada. Es como si en la página "A" indicaras "mostrame :visited cuando haya visitado la página A". Obviamente si te encuentras en la página A, todos los enlaces hacia esa página te aparecerán visitados.

PD: por lo que veo estás recién aprendiendo, lo más conveniente es que aprendas de primera HTML SEMÁNTICO. Te va a resultar mucho más fácil la vida después. Un menú es una lista de enlaces, así que lo mejor es usar UL LI.

PD 2: te sugiero no copiar/pegar código sin tener idea de que es lo que estás copiando.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #7 (permalink)  
Antiguo 27/12/2009, 11:13
 
Fecha de Ingreso: enero-2009
Mensajes: 81
Antigüedad: 8 años, 11 meses
Puntos: 1
Respuesta: A:visited - link - hover - active

Hola

Oye, pues muchas gracias webosiris.
Voy a ponerme manos a la obra ahora mismo con el html semántico.

Buenos los consejos
Saludos

P.D: Ya me pasaré por aqui cuando tenga alguna duda más.
  #8 (permalink)  
Antiguo 23/12/2010, 03:05
 
Fecha de Ingreso: noviembre-2009
Mensajes: 21
Antigüedad: 8 años
Puntos: 0
Respuesta: A:visited - link - hover - active

Buenos días,

Tengo en mi css,

a:visited para que cargue una imagen de botón para cuando a visitado el botón, me funciona en todos los navegadores menos en chrome. Alquilen sabría explicarme o decirme que solución existe? La verdad que no e encontrado nada sobre este problema. Todos los resultados son con colores planos.

Un saludo y muchas gracias
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 14:00.