Product Listings images boder hover

hello

i put a border in my product listings images with this

.categoryListBox img, .listingProductImage, .productMainImage img {
border: 1px solid #cccccc;
}

work perfect to create a border but i would like to have the hover effect when you mouse hover change the border to another color

any help

thank you

triplexxx:

hello

i put a border in my product listings images with this

.categoryListBox img, .listingProductImage, .productMainImage img {
border: 1px solid #cccccc;
}

> 
> work perfect to create a border but i would like to have the hover effect when you mouse hover change the border to another color
> 
> any help
> 
> thank you

//----------------------
try:

/* Add one more css style in style sheet: */

.categoryListBox img:hover, .listingProductImage, .productMainImage img:hover {
border: 2px solid #C10000;
}

definitely you can change border to 1px

hope works for you

hello hanit

thanks but don't work im only getting a red 2px border with no hover

i need to have a #cccccc border is what i have now and when you hover get a #C10000 border for example

thank you

triplexxx:

hello hanit

thanks but don't work im only getting a red 2px border with no hover

i need to have a #cccccc border is what i have now and when you hover get a #C10000 border for example

thank you

u r welcome, actually, I tested that css. in IE8, FF3.6.10, it works fine. Because IE6, css does not support :hover, so it won't work, but you can modify the php source file, make the image code like these,

<img src="http://www.zen-cart.com/forum/images/zc2010/misc/zen-cart-logo.png" onmouseover="this.style.border='2px solid #C10000'" onmouseout="this.style.border='2px solid #CCCCCC'"/>