Prevent images from being highlighted on hover/active

wfergs / 2013-01-05 20:48:24   

Hi there,

I have edited my /default/style.css file so that links are highlighted upon hover and active. However, I do not want image links (in the pre-nav and exhibits) to receive these highlights. I am new to html and css and have tried to find a solution on my own. I have browsed the forum and the internet. However, I haven't been able to make any progress. Any help would be greatly appreciated. My site is wfergs.com. Thanks!

arsondpi / 2013-01-06 02:02:50   

then

  1. #index a:link {  }
  2. #index a:hover {  }
  3. #index a:visited {  }
  4. #index a:active {  }

and separate them from the normal css link rules.

wfergs / 2013-01-06 07:34:00   

Thanks for the quick response! I tried that, but my pre-nav image still received the highlight. Maybe I did something wrong. Regardless, I was able to resolve the issue by adding the following line of code:

  1. img { border: 0; display: block; }

Thanks!

arsondpi / 2013-01-06 08:13:23   

then create a rule that excludes images placed in the #index

  1. #index a img { background: transparent; }

This thread has been closed, thank you.