Foros del Web » Creando para Internet » CSS »

cambiar de color un div al pasar x encima el mouse....

Estas en el tema de cambiar de color un div al pasar x encima el mouse.... en el foro de CSS en Foros del Web. cambiar de color un div al pasar x encima el mouse.... trate de hacer asi... #moopio { background-color: #FF0000; height: 50px; width: 50px; } #moopio:hover ...
  #1 (permalink)  
Antiguo 02/04/2008, 10:19
Avatar de engranaje  
Fecha de Ingreso: febrero-2008
Mensajes: 45
Antigüedad: 9 años, 9 meses
Puntos: 1
cambiar de color un div al pasar x encima el mouse....

cambiar de color un div al pasar x encima el mouse....
trate de hacer asi...

#moopio {
background-color: #FF0000;
height: 50px;
width: 50px;
}
#moopio:hover {
background-color: #6600FF;
height: 50px;
width: 50px;
}

no funciono... algo esta mal??? o no es la forma???
desde ya gracias...
  #2 (permalink)  
Antiguo 02/04/2008, 10:44
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: cambiar de color un div al pasar x encima el mouse....

Hola engranaje

El código parece correcto, pero :hover no funciona en IE 6 o inferior. Si quieres que te sirve en todos los navegadores, tendrás que usar JavaScript.

Saludos,
  #3 (permalink)  
Antiguo 02/04/2008, 11:07
Avatar de arriaka  
Fecha de Ingreso: febrero-2008
Mensajes: 45
Antigüedad: 9 años, 9 meses
Puntos: 1
Re: cambiar de color un div al pasar x encima el mouse....

Hola

Como dice JavierB, el codigo es correcto, pero IE 6 no lo interpreta. Podrias conseguir que funcionase poniendo un <a> dentro del <div id="moopio"> y asi no tener que usar JavaScript. En este caso la diferencia seria que si el usuario hace clic se le añadirá un # al final de la ruta. El puntero puede seguir siendo el mismo. El codigo seria el siguiente:

Código:
<!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=iso-8859-1" />
	<title>Ejemplo</title>
	<style type="text/css">
	#moopio, #moopio a{
		background-color: #FF0000;
		height: 50px;
		width: 50px;
	}
	#moopio a{
		display:block;
	}
	#moopio a:hover {
		background-color: #6600FF;
		cursor:default;
	}
	</style>
</head>

<body>
	<div id="moopio"><a href="#"></a></div>
</body>
</html>
Saludos!
  #4 (permalink)  
Antiguo 02/04/2008, 12:55
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 9 años, 9 meses
Puntos: 3
Re: cambiar de color un div al pasar x encima el mouse....

Podés buscar en internet el javascript, es medio rebuscado, pero yo en este foro no lo pude encontrar... es otra de las tantas cosas que tiene que corregir Microsoft.

Igualmente te recomiendo hacerlo con un link dentro, como dijo Arriaca, porque no creo conveniente que tu idea funcione solamente teniendo activado un javascript, porque si tengo desabilitado ea funcion, que hace ?? entendés ?
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 16:56.