Foros del Web » Creando para Internet » CSS »

enlaces css problema

Estas en el tema de enlaces css problema en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 23/08/2011, 15:20
 
Fecha de Ingreso: abril-2007
Mensajes: 166
Antigüedad: 9 años, 8 meses
Puntos: 2
enlaces css problema

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
  #2 (permalink)  
Antiguo 23/08/2011, 15:48
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 7 años, 6 meses
Puntos: 1512
Respuesta: enlaces css problema

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.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #3 (permalink)  
Antiguo 23/08/2011, 16:31
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 5 años, 4 meses
Puntos: 72
Respuesta: enlaces css problema

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 original
  1. a:link {
  2.     text-decoration: none;
  3.     color: #56000D;
  4. }
  5.  
  6. a:visited {
  7.     color: #56000D;
  8.     text-decoration: none;
  9. }
  10.  
  11. a:hover {
  12.     color: #FFF;
  13.     background-color: #56000D;  /*backgraund-color:inherit;*/
  14. }
  15.  
  16. a:active {
  17.     color: ;
  18.     text-decoration: none;
  19.     color: #56000D;
  20. }

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

Para HTML 4.01

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

Para XHTML 1.0

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  #4 (permalink)  
Antiguo 24/08/2011, 04:19
 
Fecha de Ingreso: abril-2007
Mensajes: 166
Antigüedad: 9 años, 8 meses
Puntos: 2
Respuesta: enlaces css problema

Vale gracias, arreglado, soys unos soletes, jaja
  #5 (permalink)  
Antiguo 06/09/2011, 07:57
 
Fecha de Ingreso: agosto-2011
Mensajes: 7
Antigüedad: 5 años, 3 meses
Puntos: 0
Respuesta: enlaces css problema

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

Etiquetas: enlaces, fondo
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 03:28.