Cuando si/no funciona hover ??

MonicaH · #1 (**permalink**) 08/12/2007, 08:12

Hola,

Cuando es que si funciona hover ??

Código:

<html><head><style type="text/css">
.test{
background:#ffc5a8;
}
.test:hover{
background:#d3e0ae;
}
</style></head><body><p class="c_bg m_d">Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info</p><input type="submit" class="test c_bg" /></body></html>

Como pueden probar, SI FUNCIONA EN EL BOTON...

¿? :-s

#2 (**permalink**) 09/12/2007, 08:12

no veo dónde está el problema... solamente el botón pertenece a la clase "test"

josdelaranda · #3 (**permalink**) 09/12/2007, 09:38

Hola; me parece que la seudo clase hover solo funciona para links en Internet Explorer, en Firefox no tienes ese inconveniente. Para lograr el efecto deseado en IE tendrás que usar algo de javascript. Aquí he encontrado un artículo que presenta una solución a la pregunta que planteas, aún no lo he probado, así que espero me cuentes si te resultó. Saludos
P.D. No me dejan poner el link, esta es la direccion del artículo:
http://lawrence.ecorp.net/inet/home/frame.html

MonicaH · #4 (**permalink**) 09/12/2007, 12:28

Cita:

Iniciado por alvlin

no veo dónde está el problema... solamente el botón pertenece a la clase "test"

Que distrida soy!!!

La pregunta sigue siendo la misma: CUANDO SI funciona HOVER ?

Por que aquí solo trabaja en el BOTON aunque lo estoy colocando a VARIOS elementos:

Código:

<html><head><style type="text/css">
.test{
background:#ffc5a8;
}
.test:hover{
background:#d3e0ae;
}
</style></head><body><p class="test">Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info</p><input type="submit" class="test c_bg" /></body></html>

Gracias muchachos

JavierB · #5 (**permalink**) 09/12/2007, 12:42

Hola MonicaH

He probado tu código y me ha funcionado bien con el botón y el párrafo.

Saludos,

MonicaH · #6 (**permalink**) 09/12/2007, 13:17

Carambas!!,

a mi con FF solo el boton, y con IE ninguno!!

MonicaH · #7 (**permalink**) 09/12/2007, 13:19

Bueno,

se trata da cambiar color al pasar el mouse por encima si habias notado que ese es el proposito, verdad?

Me pregunto, por que HOVER no funciona EN el parrafo ?

JavierB · #8 (**permalink**) 09/12/2007, 13:35

Hola de nuevo.

En IE no te va a funcionar ninguna, como ya te explicó josdelaranda, pero en FF no veo que haya ningún problema ¿No tendrás por ahí algún otro código que esté fastidiando?

Saludos,

MonicaH · #9 (**permalink**) 09/12/2007, 15:18

No maestro, este es el código TOTAL de página.html:

Código:

<html><head><style type="text/css">
.test{
background:#ffc5a8;
}
.test:hover{
background:#d3e0ae;
}
</style></head><body><p class="test">Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info Aqui viene la info</p><input type="submit" class="test c_bg" /></body></html>

webosiris · #10 (**permalink**) 10/12/2007, 14:32

no te funciona porque te falta el doctype...