Tendría que meter un pequeño contenedor dentro de
div#imagenes, algo así:
Código CSS:
Ver original<div id="imagenes">
<div id="microcontenedor">
<div class
="imagen"><img src
=""/
><br /
>Titulo</div
> <div class
="imagen"><img src
=""/
><br /
>Titulo</div
> <div class
="imagen"><img src
=""/
><br /
>Titulo</div
> </div>
</div>
Si te fijas también he cambiado los
id="imagen" por
class="imagen", ya que los identificadores son únicos y no se puede repetir.
Ahora para para que no se vea lo que sobresalga de
div#imagenes y para que
div.imagen no cambie de linea pones:
Código CSS:
Ver originaldiv#contenedor {
overflow: hidden;
}
div#microcontenedor {
width: Xum;
}
Ahora, X corresponde al ancho de cada
div.imagen multiplicado por la cantidad de ellos que hayan.
Por ejemplo, si tienes cuatro imágenes y su div mide 200 pixeles:
X = 200 x 4 = 800. Entonces tendría que poner 800. Con
um me refiero a
unidad de
medida, ya sean pixeles, porcentajes, etc.