alternative to pseudo class for img

[neridaj]

Hello,

I believe IE 6 doesn't support pseudo classes on anything besides a link, is there an alternative to this? I just want to have some thumbnails display a border when hovered, which is fine in FF and Safari, but good old IE won't listen.

Code: Select all

   a:link img{ border: none; }
   a:visited img{ border: none;}
   a:hover img{ border: 1px solid #CCC; }
   a:active img{ border: none; }

<a href="#" onclick='ifrmtrgt.src="images/52.jpg"'><img src="thumbs/52.jpg" width="25" height="25" alt="00"></a>


Thanks,

Jason

[rangana]

The same to my answer in HF.

Code: Select all

<img src="thumbs/52.jpg" width="25" height="25" alt="00" onmouseover="this.style.border='1px solid #ccc';" onmouseout="this.style.borderWidth='0px';">


If you have a lot of images, you could loop through them. Get back if you're still stumped, and I'll be glad to whip the code in place for you