Ver Mensaje Individual
  #4 (permalink)  
Antiguo 09/01/2013, 15:40
Avatar de Pentaxeros
Pentaxeros
 
Fecha de Ingreso: mayo-2008
Mensajes: 173
Antigüedad: 16 años
Puntos: 3
Respuesta: Alineado vertical en EXPLORER erroneo

Hola, he probado, con lo que me decís, y no soluciona el problema...

Alguna idea?

Mira que da guerra el explorer...


La estructura es asi:

<div id="campook2" class="jTscroller">

<div style="float: left;margin-left:10px;width:160px;">
<a href="aaa.html">
<img width="150" alt="Restaurante El Palmeral" height="75" src="./portal/mini360/p-1137.gif">
</a>

<a href="aaa.html">
<img width="150" alt="Restaurante El Palmeral" height="75" src="./portal/mini360/p-1137.gif">
</a>

<a href="aaa.html">
<img width="150" alt="Restaurante El Palmeral" height="75" src="./portal/mini360/p-1137.gif">
</a>
</div>

<div style="float: left;margin-left:10px;width:160px;">
<a href="aaa.html">
<img width="150" alt="Restaurante El Palmeral" height="75" src="./portal/mini360/p-1137.gif">
</a>

<a href="aaa.html">
<img width="150" alt="Restaurante El Palmeral" height="75" src="./portal/mini360/p-1137.gif">
</a>

<a href="aaa.html">
<img width="150" alt="Restaurante El Palmeral" height="75" src="./portal/mini360/p-1137.gif">
</a>
</div>

<div style="float: left;width:10px;height:250px;"></div>

</div>

el div campook2 es el contenedor principal, y contiene columnas de 3 imagenes.

El CSS es este:
Código:
@charset "utf-8";
/*
Thumbnail scroller jQuery plugin
scrollers styling 
*/ 
.jThumbnailScroller{ position:relative; width:860px; height:292px; margin:0 auto 0 auto; border:5px solid #eee; background:#bbb; padding:0; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.jThumbnailScroller2{ position:relative; width:860px; margin:0 auto 0 auto; border:5px solid #eee; background:#bbb; padding:0; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.jThumbnailScroller .jTscrollerContainer{position:absolute;height:292px;}
.jThumbnailScroller .jTscroller{position:relative; height:292px; margin:0; left:0; top:0; display:inline-block; *display:inline;}
.jTscrollerRESETButton {position:absolute; display:block; width:1px; height:1px;opacity:0;}
.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
.jThumbnailScroller .jTscrollerNextButton{background:#000 url(nextArrow.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{background:#000 url(prevArrow.png) center center;}
.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#1163f9; opacity:1;}
.jThumbnailScroller .jTscroller a{display:block; float:left; border:5px solid #ddd; margin:9px 0px 0px 0; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.jThumbnailScroller .jTscroller a:hover{border-color:#fff;}
.jThumbnailScroller .jTscroller a:first-child{margin-left:0px;}
.jThumbnailScroller .jTscroller a img{border:none;line-height:0;}
/* different styled scrollers */
/* liquid width scroller */
.jThumbnailScroller#tS1{width:95%;}
.jThumbnailScroller#tS2{margin:10px auto;}
.jThumbnailScroller#tS2 .jTscroller a{opacity:0.8;}
.jThumbnailScroller#tS2 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS2 .jTscrollerNextButton{margin:-20px 10px 0 10px; right:-5; top:50%;}
.jThumbnailScroller#tS2 .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:-5; top:50%;}
/* a vertical scroller */
.jThumbnailScroller#tS3{position:absolute; left:40px; top:322px; width:122px; height:400px; margin:0; background:#eee;}
.jThumbnailScroller#tS3 .jTscroller{height:auto; margin-bottom:40px;}
.jThumbnailScroller#tS3 .jTscroller a{display:block; margin:0 6px 10px 6px; width:100px; overflow:hidden; opacity:0.7;}
.jThumbnailScroller#tS3 .jTscroller a:hover{opacity:1;}
.jThumbnailScroller#tS3 .jTscroller a:first-child{margin-top:50px;}
.jThumbnailScroller#tS3 .jTscrollerNextButton{margin:10px 0 10px -20px; bottom:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
.jThumbnailScroller#tS3 .jTscrollerPrevButton{margin:10px 0 10px -20px; top:0; left:50%; -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg);}
Saludos!!!