Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/06/2009, 20:36
matucasal
 
Fecha de Ingreso: marzo-2009
Mensajes: 168
Antigüedad: 15 años
Puntos: 1
Problema con li de imagenes horizontal

Holag ente del foro.
Les cuento mi problema, estuve armando una galeria de fotos en javascript y me surgio un problema: al querer mostrar las imagenes en una lista horizontal, me las muestra o vertical, o en dos columnas
Aca les dejo el link:
http://pareddupla.com.ar/fotos.html

Ahora les cuento que esa galeria la tengo en un div.
Aca les dejo mis codigos a ver si entienden mejor:

Código HTML:
<div id="content">

<ul class="gallery">
<li><img src="images/fondocopado.jpg" title="" alt="Image01"></li>
<li><img src="images/azules.jpg" title="" alt="Image02"></li>
<li><img src="images/envivo1.jpg" title="" alt="Image03"></li>
<li><img src="images/letra.jpg" title="" alt="Image04"></li>
<li><img src="images/vivo2.jpg" title="" alt="Image05"></li>
</ul>
</div> 
Aca les dejo donde esta el id content

Código:
div#content {
	width:100%;
	background-color:#000000;
	height:100%;
}
div#content ul li {

float:right;
   	
}
Y por ultimo el gallery.css de la class gallery

Código:
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;/*float:left;*/ margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px}
La verdad es que no se q cambiar, yo puse como comentario el float ya que si lo saco queda afuera del div, y me arruina todo.
De ultima, si no hay forma de que la lista de imagenes quede horizontal, me gustaria que la foto al hacer click aparezca a la derecha, no arriba.
Gracias
Matias