enlaces css problema

Juny18 · #1 (**permalink**) 23/08/2011, 14:20

hola tengo un problema que ya me tiene un poco quebrada la cabeza

Esto es un simple menu de lista horizontal

es con los enlaces, mas concretamente los selectores a:link, a:hover, a:visited y a:active

tengo este codigo mio

Código:

a:link {
	text-decoration: none;
	color: #56000D;
}
a:hover {
	color: #FFF;
	background-color: #56000D;	/*backgraund-color:inherit;*/
}
a:visited {
	color: #56000D;
	text-decoration: none;
}
a:active {
	color: ;
	text-decoration: none;
	color: #56000D;
}

El hover lo hace bien en el principio sin un enlace visitado, el problema es cuando ya estan los enlaces visitados que es cuando no lo hace bien.

Quiero que cuando esten visitados los enlaces cuando pase el raton por encima y AUNQUE ESTEN VISITADOS LOS ENLACES se vea el texto.

Esto lo hace la primera vez bien, pero claro ya vienen los problemas cuando he visitado los enlaces que como el color del texto del visited y el fondo del hover son el mismo color no se ve el texto.

Y tampoco puedo cambiarle a visited el color del texto por que desentona con la web

Tienen que ser esos colores no pueden ser otros por que si no la web desentona

Haver si me hechais una mano

abimaelrc · #2 (**permalink**) 23/08/2011, 14:48

Es por el orden en que lo mencionas, trata colocando el hover al final, visited lo que está haciendo es sobre-escribiendo lo que mencionas en el hover.

lubtufano · #3 (**permalink**) 23/08/2011, 15:31

Es verdad el orden en que deben declararse estas pseudo clases es: a:link, a:visited, a:hover, a:active. El código queda asi:

Código CSS:

Ver originala:link {
    text-decoration: none;
    color: #56000D;
}
 
a:visited {
    color: #56000D;
    text-decoration: none;
}
 
a:hover {
    color: #FFF;
    background-color: #56000D;  /*backgraund-color:inherit;*/
}
 
a:active {
    color: ;
    text-decoration: none;
    color: #56000D;
}

Tambien es necesario incluir la declaración DTD al inico del archivo HTML.

Para HTML 4.01

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

Para XHTML 1.0

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Juny18 · #4 (**permalink**) 24/08/2011, 03:19

Vale gracias, arreglado, soys unos soletes, jaja

belencruzp · #5 (**permalink**) 06/09/2011, 06:57

Pufff, me ayudaron a mí también, gracias!!