Estoy componiendo una página web y quiero hacer una galeria con todas las fotos seguidas en horizontal con un scroll horizontal debajo, para desplazarse por ellas.
Algo parecido a esto:
http://lorenzoherrera.com/ Pero la galeria dentro de un div, en lugar de desplazarse la página entera.
De momento estoy probando con esto:
Código:
<div id='galeria'>
<img src='fotos/01.jpg' />
<img src='fotos/01.jpg' />
<img src='fotos/01.jpg' />
<img src='fotos/01.jpg' />
<img src='fotos/01.jpg' />
</div>
y esto:
Código:
div#galeria{
position:relative;
top:10px;
left:300px;
width:900px;
height:505px;
overflow:auto;
}
div#galeria img{
display:block;
float:left;
margin:0px;
padding:0px;
}
Pero las fotos aparecen en columna de dos, es decir, dos - salto de linea - dos - salto de linea - ...
Debieran seguir hacia la derecha, pero en su lugar cuando llegan al final del ancho del div, saltan debajo.
¿Alguien me puede echar un cable con esto?
Gracias.