logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 05-13-2011, 06:58 PM   #1
planetoftheapes
 
Join Date: May 2011
Posts: 4
Default 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'>
<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.

Last edited by planetoftheapes; 05-13-2011 at 07:07 PM..
planetoftheapes is offline   Reply With Quote
Old 05-13-2011, 07:28 PM   #2
DWcourse
DWcourse's Avatar
 
Join Date: Apr 2009
Posts: 3,276
Default

try the CSS property outline: 0;

And I won't mention the use of inline styles or absolute positioining.
__________________
If my answer helped, check out DWcourse.com for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote
Old 05-13-2011, 08:02 PM   #3
planetoftheapes
 
Join Date: May 2011
Posts: 4
Default

thank you - will try. Sigh... I know I know its a really old website I inherited.
Thanks!
planetoftheapes is offline   Reply With Quote
Old 05-13-2011, 08:02 PM   #4
planetoftheapes
 
Join Date: May 2011
Posts: 4
Default

thank you - will try. Sigh... I know I know its a really old website I inherited.
Thanks!
planetoftheapes is offline   Reply With Quote
Old 05-13-2011, 09:32 PM   #5
d a v e
 
Join Date: Feb 2006
Location: finland
Posts: 1,684
Default

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)
d a v e is offline   Reply With Quote
Old 05-14-2011, 01:55 PM   #6
planetoftheapes
 
Join Date: May 2011
Posts: 4
Default

good point Dave - thank-you.
I love working with Adobe!
planetoftheapes is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:02 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com