How do you override a css property

[tombempty]

Hello All:

I have a page where I have a thin img border around my images. However, being they are linked, the border is taking on the hover property so the border turns red when you hover and purple when you visited.

I tried creating a class with this snip here but it is just putting the border around that original one.

a.pokerchips:hover, a.pokerchips:link, a.pokerchips:visited {
border-style:solid;
border-color:black;
border-width:1px;
}


Is there something I can do to make this work and not take out the property that is causing this?

Thanks,

Paul

[AutisticCuckoo]

You're only specifying the border for the link, not for the image. Try this,

a.pokerchips:link img, a.pokerchips:visited img {
  border-color:black;
}

[tombempty]

You're only specifying the border for the link, not for the image. Try this,

a.pokerchips:link img, a.pokerchips:visited img {
  border-color:black;
}

Whoo Hoooo.....

Worked just like you said!!!! Thanks for your help with that I would have never figured it out.

a.pokerchips:link img, a.pokerchips:visited img, a.pokerchips:hover img {
border-style:solid;
border-color:black;
border-width:1px;
}

[AutisticCuckoo]

I'm glad it solved your problem!

You can combine those three declarations into one, using the border shorthand property:

a.pokerchips:link img, a.pokerchips:visited img, a.pokerchips:hover img {
  border:1px solid black;
}

[tombempty]

yeah, I know. I guess I am just old school. Plus I have this huge css file that way so I am not going to start in the middle with shorthand.

Thank again for your help,

Paul

[AutisticCuckoo]

Okay. I just thought I'd mention it in case you weren't aware. No offence meant in any way.