CSS Links question

Sorry mate, it's just not my day. tbh, I'm rather embarassed.

The above got rid of the blue border around the images but it appears we didn't get rid of the 'a' border. Just add !important to the css.

a.noBorder { border: 0 !important;}

I've saved your page off and tested the above. It works.
 
Last edited:
Hehe - this looks like specificity in action, like I predicted earlier! It's because you specified an 'a' element without cascading it from an ID. ID-starting declarations trump nearly all in terms of specificity, even 'global' class/element declarations!

Anyway, what you need to do is replace

a.noBorder etc etc

in your CSS with

#content #rightcol a.noBorder etc etc

Betcha that'll do the trick.
 
Last edited:
Back
Top Bottom