Foros del Web » Creando para Internet » CSS »

GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

Estas en el tema de GALERÍA DE IMG CON CSS que se agranden al hacer HOVER en el foro de CSS en Foros del Web. Hola, usando EXCLUSIVAMENTE CSS, en Firefox lo consigo a la perfección, pero NO en IE, ¿qué hago mal? HTML : <div class="contenedorfoto"><a class='thumbnail' href='#thumb'><img src=../images/mirada.jpg/><span><img ...
  #1 (permalink)  
Antiguo 06/09/2009, 13:12
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 8 años, 4 meses
Puntos: 0
GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

Hola, usando EXCLUSIVAMENTE CSS, en Firefox lo consigo a la perfección, pero NO en IE, ¿qué hago mal?

HTML:

<div class="contenedorfoto"><a class='thumbnail' href='#thumb'><img src=../images/mirada.jpg/><span><img src=../images/mirada2.jpg/><br/></span></a><br/><span><br/>Mirada</span></div>

CSS:

.contenedorfoto {

float:left;

width:220px;

height:190px;

margin: 10px;

padding:5px;

background-color:#f5f7f9;

border-right: #a5a7aa solid 1px;

border-bottom: #a5a7aa solid 1px;

text-align:center;

color:#000000;

}


.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: #FFFFFF;

padding:0px;

left:0px;

border:none;

visibility: hidden;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding:0px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top-right:60px;

left:50px; /*position where enlarged image should offset horizontally */

}



img.ampliada {

padding-left:0px;

margin-left:0px;

border: none;

}

¡Gracias!
  #2 (permalink)  
Antiguo 06/09/2009, 13:16
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

Hola:

Quizá la página de Mikmoro te pueda ayudar, en concreto con este ejemplo, compáralo con el tuyo.

Saludos.

  #3 (permalink)  
Antiguo 06/09/2009, 13:22
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

Gracias Jomaruro, sí ese lo había visto ya, pero quería saber qué podría faltarme en mi propio css para que IE lo interpretase también.

Un saludo
  #4 (permalink)  
Antiguo 06/09/2009, 13:23
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

Hola:

¿Qué versión de IE? Porque hasta donde yo sé, en IE6 hay problemas con el hover.

Saludos.

  #5 (permalink)  
Antiguo 06/09/2009, 13:27
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

Tengo la 8
  #6 (permalink)  
Antiguo 08/09/2009, 11:42
 
Fecha de Ingreso: agosto-2009
Mensajes: 70
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

¿Nada de nada? ¿Resignación?
  #7 (permalink)  
Antiguo 08/09/2009, 15:14
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: GALERÍA DE IMG CON CSS que se agranden al hacer HOVER

Hola:

Lo mejor es que compares el css del ejemplo de Mikmoro con el tuyo para ir probando hasta que te funcione, yo no tengo IE8 y no puedo probarlo.

Ahh, como dice Mikmoro, cambias una propiedad y pruebas que te funcione, si funciona sigue, si no funciona deshaces y pruebas otra. Pero sólo una de cada vez.

Saludos.

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 17:45.