articulos desordenados (Solucionado)

[aitor.daroca]

Pues si quieres puedes combinarlas..

 

Hola, en la sección de promociones especiales,

 

http://www.todofutbo...egory&id_lang=4

 

me salen todos los artículos desordenados, no se donde debo tocar para que salgan seguidos, alguien me puede ayudar??

 

Gracias

Edited June 5, 2013 by aitor.daroca (see edit history)

[nadie]

Hola, en la sección de promociones especiales,

 

http://www.todofutbo...egory&id_lang=4

 

me salen todos los artículos desordenados, no se donde debo tocar para que salgan seguidos, alguien me puede ayudar??

 

Gracias

 

Prueba ir al fichero:

 

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

 

Buscar en tu caso esto:

 

 

#product_list li {
text-align: center;
float: left;
width: 125px;
padding: 5px 12px 5px 5px;
margin-bottom: 14px;
margin-right: 9px;
background-color: #f9f9f9;
}

 

Y añadirle un "height", asi evitaras que un bloque sea mas alto que otro y que los cuadraditos se vuelvan locos.

 

Ejemplo:

 

#product_list li {
text-align: center;
float: left;
width: 125px;
padding: 5px 12px 5px 5px;
margin-bottom: 14px;
margin-right: 9px;
background-color: #f9f9f9;
height: 259px;
}

 

Otra opcion, seria reducir el "truncate" del nombre del producto, para que solo ocupara una linea, editando el fichero:

 

product-list.tpl

[nadie]

Otra opcion, es ir al fichero:

 

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

 

Buscar, en tu caso esto:

 

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

 

Y dejarlo asi:

 

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

[aitor.daroca]

y las dos cosas??

 

Otra opcion, es ir al fichero:

 

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

 

Buscar, en tu caso esto:

 

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

 

Y dejarlo asi:

 

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

 

y las dos cosas??

[nadie]

y las dos cosas??

 

 

 

y las dos cosas??

Pues si quieres puedes combinarlas..

[aitor.daroca]

Pues si quieres puedes combinarlas..

Hecho, combinado y funcionando. Gracias, avisame cuando la tengas....

[nadie]

Corrijo, olvidate de lo ultimo que te he dicho, y mira esto:

 

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

[aitor.daroca]

Corrijo, olvidate de lo ultimo que te he dicho, y mira esto:

 

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

 

Cambiado, pero esto ultimo que hace?? q se diferencia con lo que has tachado??

[nadie]

Cambiado, pero esto ultimo que hace?? q se diferencia con lo que has tachado??

Veras el mismo efecto, pero esto ultimo es mas "correcto".