[SOLUCIONADO] Imágenes se achican en página web

[Benja_Perez]

Hola a todos!!
Necesito ayuda con una página web de una empresa en la que trabajo, y no se que hacer!!

Al pasar el mouse por las fotos de las páginas estas se achican considerablemente (en mozilla firefox) y en internet xplorer el mouse se pone a tiritar!!

www.colegiopatrona.cl

Busque en internet y no encontré nada parecido!!

Muchas gracias por cualquier tipo de ayuda

[pzin]

Probando en Firefox a mi no me ocurre nada al pasar el ratón por alguna de las dos imágenes.

[madman_18]

Iniciado por Bonez

Probando en Firefox a mi no me ocurre nada al pasar el ratón por alguna de las dos imágenes.

Ni a mí tampoco....no sé a qué se podrá referir con ese problema

[Benja_Perez]

Tienen toda la razón, la página es esta

http://www.colegiopatrona.cl/Laflorida/Colegio%20al%20dia.htm

disculpen el error!!!

[pzin]

Ocurre en Firefox y en cualquier otro navegador.

Tienes una regla un tanto extraña. Extraña, porque usas un selector de amplio espectro que hace que al pasar por encima de cualquier imagen, esta tome un ancho y alto de 10 pixeles. Esto lo tienes en el archivo generated.css en la linea #46:

Código CSS:

img:hover {
  height: 10px;
  width: 10px;
}
 

Lo de que tirita en IE, es porque al pasar el mouse por encima la imagen se pone muy pequeña y a su vez el ratón deja de estar encima de la imagen, por lo que vuelve a aparecer, y vuelve a estar el mouse encima, y así hasta que te aburras. Esto en rápido será lo que causa el tirorí —en realidad esta expresión la usábamos en Telefónica; cuando funcionaba una línea tenía tirorí.

[pitufoweb]

Hola,

El problema es por que tienes esta regla:

img:hover {
height: 10px;
width: 10px;
}


Edito: upps, me gano a responder Bonez :)


Saludos

[Benja_Perez]

Muuuuuchas gracias!!!!!

En verdad estaba super perdido!!

En verdad gracias!!