Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/12/2009, 20:15
alr11389
 
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 15 años, 4 meses
Puntos: 0
Alinear imagenes con su respectivo texto

Buenas, aun estoy empezando con esto del CSS y me ha surgido una duda..

Estoy haciendo una web con rails y tengo un catalogo donde mostraba los productos como una lista(uno debajo de otro).

Ahora se me ocurrió hacerlo en modo mosaico.

Podríais darme algunas pistas?

yo tengo esto:

#tienda .entry {
text-align: center;
display: block;
float: left;
clear: top;
}

#store .entry img {
width: 75px;
display: block;
float: left;
clear: top;
}

#store .entry titulo {
margin-top: 0;
margin-bottom: 2px;
color: #227;
}

#store .entry .linea-precio {
margin: 10px,0,0,10px;
text-align: center;
display: block;
}

Y este es el resultado:

http://img685.imageshack.us/i/capturadepantalla200912kl.png/

debe de ser algo de alinear por los lados pero no consigo hacerlo bien.. :S

gracias.