[SOLUCIONADO]Imagen producto en product_list no está centrada

[Katximba]

Hola de nuevo,

 

Vuelvo a preguntar antes de lo que esperaba, al hacer la recolocación de columnas en el product_list me he dado cuenta que la imagen no consigo ponerla centrada respecto al recuadro gris de fondo... he estado intentando alinear la imagen en el product_list.css pero no hay manera...

Ahí va el link que se me olvidaba: http://shop.jubil.es/es/8-calzado

 

Muchas gracias y un saludo!

Edited April 5, 2013 by Katximba (see edit history)

[Sergio Ruiz]

¿Y cual es la direccion de la tienda?

[Sergio Ruiz]

Ah, veo que ahora has edtiando tu primer mensaje, colocando la url de la tienda...

 

En el

 

http://shop.jubil.es/themes/grid/css/product_list.css

 

metele un

 

margin-left (los pixeles que tu estimes) al

 

#product_list a.product_img_link img

[Katximba]

Ah, veo que ahora has edtiando tu primer mensaje, colocando la url de la tienda...

 

En el

 

http://shop.jubil.es/themes/grid/css/product_list.css

 

metele un

 

margin-left (los pixeles que tu estimes) al

 

#product_list a.product_img_link img

 

Muchas gracias Rubalcaba pero no me está funcionando, era algo que había probado pero nada asi es como tengo los bloques de la imagen en el css:

 

 

 

#product_list a.product_img_link {

overflow:hidden;

position:relative;

float: left;

margin-left: 30px

display:block;

border: 0px solid #ccc

}

#product_list a.product_img_link img {

display: block;

vertical-align: bottom

}

 

He puesto el fondo de los productos en negro de momento para que se aprecie mejor el problemita que tengo.

 

Gracias!

Edited April 5, 2013 by Katximba (see edit history)

[nadie]

Lo que te esta diciendo rubalcaba, es que vayas al fichero:

 

http://shop.jubil.es/themes/grid/css/product_list.css

 

Busques esto:

 

#product_list a.product_img_link img {
   display: block;
   vertical-align: bottom
}

 

Y lo dejes asi:

 

#product_list a.product_img_link img {
display: block;
vertical-align: bottom;
margin-left: 9px;
}

 

(Y recuerda limpiar la cache de tu navegador por si las moscas)

[Katximba]

Lo que te esta diciendo rubalcaba, es que vayas al fichero:

 

http://shop.jubil.es/themes/grid/css/product_list.css

 

Busques esto:

 

#product_list a.product_img_link img {
display: block;
vertical-align: bottom
}

 

Y lo dejes asi:

 

#product_list a.product_img_link img {
display: block;
vertical-align: bottom;
margin-left: 9px;
}

 

(Y recuerda limpiar la cache de tu navegador por si las moscas)

 

Como siempre, gracias nadie, pero nada no hay forma...ya había probado esa solución incluso metiendo 100px a lo bestia para probar si tocaba algo, pero no mueve nada ahora mismo lo tengo como tu me comentabas. ¿Tal vez algo de product_list.tpl lo cambia?

[nadie]

Como siempre, gracias nadie, pero nada no hay forma...ya había probado esa solución incluso metiendo 100px a lo bestia para probar si tocaba algo, pero no mueve nada ahora mismo lo tengo como tu me comentabas. ¿Tal vez algo de product_list.tpl lo cambia?

 

Es que te has comido un ";"

 

Lo has puesto asi:

 

#product_list a.product_img_link img {
   display: block;
   vertical-align: bottom
   margin-left: 9px;
}

 

cuando en todo caso es asi:

 

#product_list a.product_img_link img {
   display: block;
   vertical-align: bottom;
   margin-left: 9px
}

[Katximba]

¡¡¡Menudo paquete estoy hecho!!! muchas gracias, problema resuelto pero con esta empanada no llego a ningún lado.

Gracias Rubalcaba y nadie.

 

Un saludo

[nadie]

¡¡¡Menudo paquete estoy hecho!!! muchas gracias, problema resuelto pero con esta empanada no llego a ningún lado.

Gracias Rubalcaba y nadie.

 

Un saludo

Un placer ayudarte y servirte!

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.