Foros del Web » Creando para Internet » CSS »

Alinear imagenes con su respectivo texto

Estas en el tema de Alinear imagenes con su respectivo texto en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/12/2009, 20:15
 
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 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.
  #2 (permalink)  
Antiguo 30/12/2009, 20:42
Avatar de lucasphp  
Fecha de Ingreso: mayo-2009
Ubicación: Misiones
Mensajes: 170
Antigüedad: 8 años, 7 meses
Puntos: 3
Respuesta: Alinear imagenes con su respectivo texto

Tratá de definir el tamaño de cada elemento, por lo que veo algunas imágenes son más grandes que otras y eso rompe la alineación.
  #3 (permalink)  
Antiguo 30/12/2009, 20:54
 
Fecha de Ingreso: julio-2009
Mensajes: 36
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Alinear imagenes con su respectivo texto

Perfecto, esto ya es otra cosa :D

Aiss.. no sé como no sé me ocurrio antes :S

A veces lo mas facil es la solución y es la que nunca se te pasa por la cabeza jeje.

Gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:17.