A:visited - link - hover - active

[JonYeste]

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í

[webosiris]

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:

A:link {color:#0000cc;}
A:visited {color:#0000cc;}
A:hover {color:#0000ff;}
A:active {color:#0000cc;}
 

pasaría a ser:

Código CSS:

a{color:#0000cc;}
a:hover {color:#0000ff;}
 

los 2 códigos son equivalentes, pero obviamente el 2° es más eficiente.

[JonYeste]

De acuerdo, entendido

Pues si que funciona ahora.

Gracias

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

[JonYeste]

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:

.style_lftfirstdiv_menutxt {
    font-family: "HelveticaNeue LT 65 Medium", Arial, "Courier New", "Times New Roman";
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    display: block; 
    margin-right: 1px;
    
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
}
 
.style_lftfirstdiv_menutxt:hover {
    background-color:#370000;
    color:#FFFFFF;
}
.style_lftfirstdiv_menutxt:active {
    background-color:#370000;
    color:#ffff00;
}
 

...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:

.style_lftfirstdiv_menutxt:visited {
    color:#green;
}
 

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.

[JonYeste]

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

[webosiris]

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.

[JonYeste]

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.

[meija]

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