Optimum Image Height

When I click on a Category, I get a vertical list of products and images in that Category. These images touch each other. I would like to add a little white space between each image.

Is there a way to add "padding", or is there an optimum image height that is required to assure that there is some white space?

http://www.ramblinrose.net

Any help is appreciated...

First add this to the bottom of your stylesheet:

img.listingProductImage{margin:10px 0 10px 0;}

Margin 10px at the top and bottom of the image.

Then be aware that the link that you posted takes me to the directory of your server which is really not a great idea. If nothing else anyone can now see the names of your hidden folders. Security hell.

You at the very least want to have an index.htm file in this folder so people get that file rather than the directory.

And finally, I know that you are still in development but you realy want to think about optimising those images. They are taking an age to load.

The problem is that a full size image is being used to create a thumbnail at the moment so on the product_listing page to load four images takes for ever.

There are good tutorials about image optimisation but in principle what you want to do is have a large version of the image in the folder images/large, a medium version of the image in the folder images/medium, and a small version in the images folder.

Forgive me if this is just something that you haven't got to yet. I know that not everything gets done all at once! Oh, do I know it.....

Your tip worked perfectly.

I did read that tutorial on image optimization.
I had so much else on my plate, I just didn't get to it yet.

I think I will set up redirection so no one gets to the root directory until I decide on whether to have an intro page or not.

Again thanx for your help.
I'm just not believin' the great support from this forum.