problema en lista de productos

[borjetas]

Hola!

 

Tengo un porblema, modificando la plantilla de productos, quiero ponerlos en vertical y de 3 en tres por cada fila. he conseguido ponerlo en vertical, pero no logro ponerlo de 3 en 3, sigue de 1 en 1 y eso queda mal.

 

fijaros en la foto como está ahora, y como quiero dejarlo (pintado en rojo).

a ver si alguien puede ayudarme!

 

GRACIAS!

[nadie]

Hola!

 

Tengo un porblema, modificando la plantilla de productos, quiero ponerlos en vertical y de 3 en tres por cada fila. he conseguido ponerlo en vertical, pero no logro ponerlo de 3 en 3, sigue de 1 en 1 y eso queda mal.

 

fijaros en la foto como está ahora, y como quiero dejarlo (pintado en rojo).

a ver si alguien puede ayudarme!

 

GRACIAS!

Tendrás que hacer, seguramente un float, en el css.

 

¿Puede usted colocar la url de su tienda?

[borjetas]

www.botelloteca.com

mira por ejemplo el vino tinto, o el whisky que tiene más de 1 producto

Edited September 17, 2012 by borjetas (see edit history)

[nadie]

Fichero:

 

/themes/prestashop/css/product_list.css

 

Busca esto:

 

ul#product_list li {
background: #FFF repeat-x;
border: solid 1px #7d0e2f;
padding: 6px;
min-height: 130px;
height: auto;
clear: both;
margin-bottom: 0.3em
}

 

Y déjalo así:

 

ul#product_list li {
background: white repeat-x;
border: solid 1px #7D0E2F;
padding: 6px;
min-height: 130px;
height: auto;
margin-bottom: 0.3em;
float: left;
width: 170px !important;
}

[borjetas]

Muchas Gracias Nadie!! me has salvado el cuello

[nadie]

Muchas Gracias Nadie!! me has salvado el cuello

Es mejor la solución de Statitic, quédate con la solución de el.

[nadie]

Es decir, déjalo así:

 

ul#product_list li {
background: white repeat-x;
border: solid 1px #7D0E2F;
padding: 6px;
min-height: 130px;
height: auto;
margin-bottom: 0.3em;
clear: both;
display: inline-block;
}

[borjetas]

Es decir, déjalo así:

 

ul#product_list li {
background: white repeat-x;
border: solid 1px #7D0E2F;
padding: 6px;
min-height: 130px;
height: auto;
margin-bottom: 0.3em;
clear: both;
display: inline-block;
}

así está ahora, el unico problema es que la primera y la ultima caja tienen un alto distinto, Pero muchas gracias a ambos.

[borjetas]

el problema , por lo que he podido ver es el texto del nombre artículo, no consigo ponerle un tamaño fijo para el recuadro del texto, pero fijo que es ese el problema.