CSS Image effect - exlcude some pics

[Australia Banners]

Hi Guys,

On our site, inside the #content div, images have a CSS highlight effect


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

I would like to exclude two pictures from this effect. Checkout/buy buttons.

Also, the highlight effect is not applied to other #containers, but I can not make the #content div's seperate.

Any ideas how to use the css to exclude two images ?

These are the pages in question

Signs Signage

Thanks

[dannynosleeves]

I didnt see a highlight on the Buy button, only the checkout.

[Australia Banners]

Thats the prob, how to remove the 'checkout' hover ?

Really stuck on this one.

The buy is a form image. I want it so that clients dont get confused. BTW, the next page, (by clicking checkout) both images are inside forms so dont highlight.

[Mack]

i cant even find the damn check out button.



you do have access to all the code correct? i would give the checkout button an ID, then remove the over effect from that ID.

[Australia Banners]

Here is the page Signs Signage

[Mack]

apparently i am already too drunk. someone screenshot and circle the damn check out button!

[Australia Banners]

Screen Shot

[Mack]

i am sorry, i have no idea how i missed that.


hmm, ive tried a couple things and i cant seem to turn off the damn underline. This may take some more time then i thought.

I tried giving the img a unique id, and then setting the hover to 0 for border-bottom. but something else is over-writing it.

hmm ill have to take a look at this again tomorrow, as its 12am over here.

[Australia Banners]

Look forward to any help, it's got me beat. See you tommorrow

[PR Design]

Give it it's ID and use the !important rule:

#checkout a:hover{
border:none !important;
}

That will get shut of any overruling (I hope)

Harry