CSS to exclude image effects

Australia Banners · 06-29-2007, 08:10 PM

Hi guys,

Can a css class be used to exclude two pictures from a highlight effect.

The images not wanted to be highlighted are checkout.gif and buy.gif

Page in question
http://www.australiabanners.com.au/q...ducts.php?pg=9

This is the #content class that applies a hover highlight to all images.

#content a img {border-bottom: 2px solid #FFFFFF;padding-bottom: 3px;}
#content a:hover img {border-bottom: 2px solid #48C04F;padding-bottom: 3px;}

Dont want it for two images, any ideas ?

**chicgeek** · 06-29-2007, 11:03 PM

Code:

#content a img {border-bottom: 2px solid #FFFFFF;padding-bottom: 3px;}
#content a:hover img {border-bottom: 2px solid #48C04F;padding-bottom: 3px;}

.except a img {border-bottom: 0; padding-bottom: 0px;}
.except a:hover img {border-bottom: 0px;padding-bottom: 0px;}

(or whatever your default, non-highlighted style would be)

Code:

<div id="content">
<img src="http://www.v7n.com/forums/images/buy.gif" class="except">
</div>

Australia Banners · 06-30-2007, 02:08 AM

Thanks

**chicgeek** · 06-30-2007, 09:52 AM

No problem. Good luck!