PDA

View Full Version : Visited image links looks different in IE and Crome


planetoftheapes
05-13-2011, 05:58 PM
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.:confused:

The code I added:

<span style='position:absolute; z-index:407;
left:8px; top:539px; width:95px; height:95px'>
<a href="index_files/imageABC.htm">
<img border=0 width=95 height=95
style="text-decoration:none"
src="index_files/imageABC90x90.png"
alt="image ABC" >
</a>
</span>

how can I prevent this visited link from showing any dotted outline? The background has a gradient color.

DWcourse
05-13-2011, 06:28 PM
try the CSS property outline: 0;

And I won't mention the use of inline styles or absolute positioining.

planetoftheapes
05-13-2011, 07:02 PM
thank you - will try. Sigh... I know I know its a really old website I inherited.
Thanks!

planetoftheapes
05-13-2011, 07:02 PM
thank you - will try. Sigh... I know I know its a really old website I inherited.
Thanks!

d a v e
05-13-2011, 08:32 PM
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)

planetoftheapes
05-14-2011, 12:55 PM
good point Dave - thank-you.
I love working with Adobe!