efecto Hover sobre <div>

Hououji Ayumu · #1 (**permalink**) 16/05/2006, 18:43

saludos
pues el motivo por el que escribo en esta ocacion es porque se me ocurrio la idea de ponerle el efecto Hover a los div igual que en los enlaces pero yo lo quiero poner a los <div> sin que sean enlaces ya que lo que quiero es que todo el <div> cambie de color de fondo al pasar el mouse por encima lo que quiero saver es si se puede hacer algo asi pero como ya dije antes con <div> el lugar de enlaces

baccxus · #2 (**permalink**) 16/05/2006, 22:53

lo que quieres hacer funciona perfectamente en cualquier navegador que cumpla los estándares W3, el problema es Internet Explorer, que solo acepta hover en los enlaces, tendrás que usar javascript.

Saludos

softimus · #3 (**permalink**) 17/05/2006, 10:02

Hola:

Este código utiliza CSS y Javascript para hacer lo que quieres.

El código es:

Cita:

<html>
<head>
<style>
.activo
{
background-color:#eeeeee;
color:#000000;
border:none;
border:solid 1px #999999;
}
.inactivo
{
background-color:#ffffff;
color:#000000;
border:solid 1px #999999;
}
</style>
</head>
<body>
<div class="activo" onmouseover="this.className='activo'" onmouseout="this.className='inactivo'" style="width:500px;height:200px;">Contenido del Div</div>
</body>
</html>

Si necesitas alguna ayuda, no dudes en escribir.

Atentamente,

Alex Francis

rkpost · #4 (**permalink**) 17/05/2006, 10:31

se puede hacer perfectamente sin javascript y que ande en IE, existe un parchesito q se puede importar al css para que el IE entienda el div:hover

No puedo adjuntar archivos, mandame tu mail por PM q te lo paso. Sino buscado por internet, yo lo tengo con el nombre de csshover2.htc

Hououji Ayumu · #5 (**permalink**) 17/05/2006, 19:53

saludos
pues te agradesco mucho softimus si funciona muy bien lo que me pasaste aunque quisiera hacer todo con CSS y pues la verdad si me interesa que funcione en MSIE ya que mas del 98% de las visitas en mi pagina las hacen con MSIE asi que por eso tiene que funcionar en el IE. todo esto lo quiero para remodelar completamente mi sitio web y hacerlo con CSS completamete para mayor facilidad y ya eliminar tantas <table> XD

y para rkpost pues no se aque te refieres con que te pase mi mail por PM asiq ue mejor te pongo mi direccion aqui
[email protected]
para que me lo pases te lo agradeceria mucho

rkpost · #6 (**permalink**) 17/05/2006, 21:20

ahi te lo mande por mail. Saludos

frijolerou · #7 (**permalink**) 17/05/2006, 23:42

Cita:

Iniciado por rkpost

se puede hacer perfectamente sin javascript y que ande en IE, existe un parchesito q se puede importar al css para que el IE entienda el div:hover

Ese "parche" no utiliza Javascript, pero SÍ utiliza Jscript. Así que al final de cuentas igual requiere de un lenguaje de Script.