SOLUCIONADO Bloque Specials - Página descuadrada

[macalic]

Hola,

 

No sé por qué, pero la lista de productos de la página de promociones especiales: http://www.dwappo.com/es/promocion?&p=1

 

Me aparece con los productos descuadrados a partir de la fila 3.

 

¿Alguna idea de cómo solucionarlo? 

 

Mil gracias.

Edited October 21, 2013 by macalic (see edit history)

[nadie]

Fichero:

http://www.dwappo.com/themes/default/css/product_list.css

Intenta lo siguiente:

 

Busca esto:

	#product_list li h3 {
		padding:0 0 10px 0;
		font-size:13px;
		color:#000
	}

Y dejalo asi:

#product_list li h3 {
padding: 0 0 10px 0;
font-size: 13px;
color: #000;
height: 28px;
overflow: hidden;
}

(Atención, no te comas los ";") (Pegalo tal como te he dicho, haz el cambiazo xD)

[nadie]

También te sugiero meterle al

#product_list li

un height fijo y un overflow:hidden.

[macalic]

Gracias, ya está arreglado. ¿A qué te refieres con este último comentario?

También te sugiero meterle al

#product_list li

un height fijo y un overflow:hidden.

 

A añadir lo mismo en la sección #product_list li?

height: 28px;
overflow: hidden;

[nadie]

A cambiar esto:

#product_list li {
text-align: center;
float: left;
width: 142px;
padding: 16px;
margin-bottom: 14px;
margin-right: 20px;
background-color: #ffffff
}

por algo asi:

#product_list li {
text-align: center;
float: left;
width: 142px;
padding: 16px;
margin-bottom: 14px;
margin-right: 20px;
background-color: #ffffff;
height:207px;
overflow:hidden;
}

[macalic]

Hecho, mil gracias como siempre

[nadie]

Hecho, mil gracias como siempre

 

Perdon, quise decir 221px, no 207px. (Cambialo de nuevo)

[macalic]

Hecho. Gracias

[nadie]

Hecho. Gracias

 

Un placer ayudarte y servirte !

 

PD: Cierro tema.

 

Saludos,