cosa extraña

nfo · #1 (**permalink**) 01/01/2009, 07:29

buenas, estaba maquetando un link y me he dado cuenta que con mozilla el hover me lo muestras pero con IE no, la cosa es super rara porque lo tengo en otra parte igualito y si muestra la clase IE, a lo mejor esq no esta pillando bien la clase o no se ... :S este es mi codigo

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<style type="text/css">



a:link {background: none; color: #999; font-size: 10px;font-family: verdana, Helvetica, sans-serif, Tahoma; text-decoration: none}
a:active {background: none; color: #999; font-size: 10px;font-family: verdana, Helvetica, sans-serif, Tahoma ; text-decoration: none}
a:visited {background: none; color: #999; font-size: 10px;font-family: verdana, Helvetica, sans-serif, Tahoma ; text-decoration: none}
a:hover {background: none; color: #000000; font-size: 10px;font-family: verdana, Helvetica, sans-serif, Tahoma ; text-decoration: underline }


/* Links resaltado */
a.blue:link {
	background: none; 
	color: #666666; 
	font-size: 10px;
	text-decoration: none;
}
a.blue:visited {
	background: none; 
	color: #666666; 
	font-size: 10px;
	text-decoration: none;
}
a.blue:active {
	background: none; 
	color: #666666; 
	font-size: 10px;
	text-decoration: none;
}
a.blue:hover {
	color:#fff;
	text-decoration:none;
	background-color:#2e4a7b;
}

	


</style>
</head>
<body>
	
<div style="font-size:10px;text-align:center; margin: 0px 0px 10% 41%; width:130px;">
	<a class="blue" style="cursor:pointer;">Entrar</a>
</div>

</body>
</html>

kseso? · #2 (**permalink**) 01/01/2009, 08:21

Hola, nfo
debes definir las propiedades por el orden correcto para evitar "sorpresas".
Ya se han mencionado comportamientos no deseados si se altera.
Este es el recomendado:

Cita:

a:link {}
a:visited {}
a:hover {}
a:active {}

nfo · #3 (**permalink**) 01/01/2009, 09:22

curioso

lo probe eso que me dijistes y no solucione nada.

Lo que si he echo a sido esto

Código HTML:

 <a class="blue" href="javascript:;" style="cursor:pointer;" onclick="validar_login();">Entrar</a>

ponerle el href="javascript:;" y ya me coge la clase bien, pero me sigue extrañando porque en otro directorio q tengo lo tengo asi y me funciona en IE que raro es IE leches!

kseso? · #4 (**permalink**) 01/01/2009, 09:28

Para ie hover le suena a chino, creo recordar, usa a:focus en la misma línea
a.hover, a:focus {}

Se me pasó en el anterior.

nfo · #5 (**permalink**) 01/01/2009, 10:09

sigue sin hacer nada. la unica manera para que salga el hover es poniendole el href="" pero como te comente antes en otro directorio lo tengo sin el tal cual puse el codigo y funciona ! vaya con IE