I'm trying to figure out a way to have my main image centered in my productMainImage BOX.
I'm using a black background for my entire site and the product pictures have been photographed against a white background (as is standard).
My product pics are of different sizes so I created a 'div' that wraps around the images (img) that are displayed. This partly solves an issue of product images being of different sizes, since all product pictures are displayed against a white background, that's equally big for each product info page (Picture 1).
I was wondering if there's a way of centering the image (img) that's displayed inside my newly created mainImgWrapper id. Right now it looks like this (Picture2Closeup).
If mainImgWrapper has the dimensions width:400px & height:320px, my picture with dimensions 200px x 194px needs to center within my newly created wrapper. It's a real time saver not needing to batch process every image in order to have them display the way you want!
It would be nice to hear your views/suggestions on this.
Thanks
Soniccc


Reply With Quote
