|05-13-2011, 05:58 PM||#1|
Join Date: May 2011
How to remove faint dotted outline on Visited image links?
I am upgrading an old website and have added some images that also function as links to other pages within the website. When clicking on these image links to move within the site all is fine in Chrome/Firefox & IE.
BUT when clicking on image link, then using IE browers' back-button to return to the previous page, the visited link is outlined in a faint dotted line (and looks bad). This happens in Firefox and IE but not Chrome.
And.. the faint dotted outline on the visited image link is white in IE and blue colored in Firefox. Go figure.
The code I added:
<span style='position:absolute; z-index:407;
left:8px; top:539px; width:95px; height:95px'>
<img border=0 width=95 height=95
alt="image ABC" >
how can I prevent this visited link from showing any dotted outline? The background has a gradient color.
Last edited by planetoftheapes; 05-13-2011 at 06:07 PM..
|05-13-2011, 08:32 PM||#5|
Join Date: Feb 2006
don't forget though that this is a very intentional accessibility aid for keyboard navigators so they can see where the focus of the page is. lots of people seem to think it's bad for some reason but it's part of the way web pages work.
if you take it away replace it with some other visual aid (change colour, underline, etc on a:focus)