1 px Border Around Thumbnails

[fluxem]

I have searched the forums and found some info on how to do this but I am thinking maybe the directions are outdated for the ZC v. 1.3.6.. Well if someone could help it would be greatly appreciated.

using ZC v. 1.3.6

I am trying to add a white 1 px border around all my product listing thumbnails and the detailed product thumbnails. I would really like to them to appear correctly in both firefox and IE but so far I have not been able to do so...

can someone steer me in the right direction??
thanks!!

[kobra]

find this at the top of your stylesheet.css file and change to the lower code:

a img {border: none; 
        }

a img {
        border: 1px solid #000000; 
        }

Style as you wish as allowed by css

[fluxem]

thanks kobra,
I tried that but that puts a border around all images within my site... I just want the border to placed around the thumbnails only. any suggestions?

[kobra]

Find or add

.listingProductImage {
border: 1px solid #000000;
}

and

#productMainImage {
border: 1px solid #000000;
}

[fluxem]

Kobra, thanks for your replies. I added those to my style sheet and
they work great for detailed product page and listing pages.

I'm still trying to get the border around the thumbnails on my start page. Here is the temp url for the site: http://209.85.7.143/~funky/store/index.php

I have it set so that the new products (12 of them) are listed on the index page.
Those are the thumbnails that I would like to add the 1 px border to.

I added the line 1px solid #ffffff line to the style name
.centerBoxContentsNew but that gave me a border around the product title and and price as well which I don't want.

anyways appreciate ur help on this!

[kobra]

Find and/or add this to the stylesheet to grab direct control of this

#whatsNew img {
border: 5px solid #ffffff;
}

[fluxem]

Kobra thanks!

worked great.