I almost always use the Column Layout Grid for Product Listing contribution on my sites.
Normally I would ensure that all of my product images were square (e.g. 250 x 250px). However, this was bad for image and site optimisation as I would end up having to add white space to my images (to ensure they were all the same size).
This time round, I've crop my images very tightly. The end result is nice small image files, but I have an issue with the alignment of them.
I can easily use text-align to centre the images horizontally within their DIV (on the product_info page), but I cannot centre them vertically. They always align to the top.
Does anyone know how I can fix this (without using a table)?
Bookmarks