Foros del Web » Creando para Internet » CSS »

Problema con galeria en IE

Estas en el tema de Problema con galeria en IE en el foro de CSS en Foros del Web. Hola.! Tengo esta pequeña galeria: Funciona perfecto, incluso en IE, lo unico como pueden ver, se mueve el ultimo de los thumbnails... y hace q ...
  #1 (permalink)  
Antiguo 15/11/2011, 12:59
Avatar de hachimipark  
Fecha de Ingreso: noviembre-2011
Mensajes: 9
Antigüedad: 12 años, 5 meses
Puntos: 0
Problema con galeria en IE

Hola.!

Tengo esta pequeña galeria:



Funciona perfecto, incluso en IE, lo unico como pueden ver, se mueve el ultimo de los thumbnails... y hace q se pierda el cuadro de texto q viene despues d los thumbnails alguna sugerencia? =/

este es el css de esa parte:


Cita:
#container ul {width:250px; height:200px; padding:0; margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:#ffffff solid 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; margin:60px 2px 1px 2px; text-align:left; cursor:default;padding:0;}

#container a.gallery span {position:absolute; width:1px; height:1px; top:-1px; left:0px; border:#ffffff solid 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; overflow:hidden;
background-color: #fff;}

#container a.gallery:hover {border:#ffffff solid 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
}

#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:10px;}
#container a.gallery:hover span {position:absolute; width:346px; height:300px; top:70px; left:25px; color:#fff;}
y el html...

Código HTML:
<div id="berlin">
<div id="container">

<div id="name">
Berlin
</div>
<div id="leimage">
<img src="img_berlin.jpg" />
</div>
<ul>

<li><a class="gallery1" href="#nogo"><span><img src="frente.jpg"  /></span></a></li>
<li><a class="gallery2" href="#nogo"><span><img src="lateral.jpg"  /></span></a></li>
<li><a class="gallery3" href="#nogo"><span><img src="open.jpg"  /></span></a></li>
<li><a class="gallery4" href="#nogo"><span><img src="persp.jpg"  /></span></a></li>

<div id="details">
BERLIN
</div>

</ul>
</div>
</div> 
yo me imagino me falta algun crackesillo o algo asi para el IE pero siempre batallo con eso y me revuelvo =P

gracias de antemano a quien responda! X)
  #2 (permalink)  
Antiguo 16/11/2011, 17:53
Avatar de hachimipark  
Fecha de Ingreso: noviembre-2011
Mensajes: 9
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: Problema con galeria en IE

nadie tiene ni una sugerencia?!

Etiquetas: galeria, hover, html, fondo
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 01:26.