Welcome to WebmasterWorld Guest from 54.198.108.19

Forum Moderators: incrediBILL

Message Too Old, No Replies

Dotted Border Around Link Images

Only in FF? How to disable

     
9:34 pm on Apr 30, 2009 (gmt 0)

New User

5+ Year Member

joined:Apr 30, 2009
posts: 30
votes: 0


Im noticing that Firefox puts an annoying little border around the image buttons on my nav. Only seems to happen in Firefox. My page is set up so the main content is an iframe loaded by each nav button. Does that have something to do with it? Since the whole page doesnt refresh? Is there a way to disable this?

[edited by: tedster at 10:25 pm (utc) on April 30, 2009]

10:29 pm on Apr 30, 2009 (gmt 0)

Senior Member

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 7, 2003
posts:4783
votes: 0


Personal URLs aren't allowed out here on WebmasterWorld ...

The active state of a link will have a dotted outline by default in Firefox. It can be disabled using CSS, but I'd like to caution you that doing so is against accessibility rules (try navigating with a keyboard if you cannot spot what link you'll "click" on).

To disable it add this to your CSS:


a:active {
outline:none;
}
11:15 pm on Apr 30, 2009 (gmt 0)

New User

5+ Year Member

joined:Apr 30, 2009
posts: 30
votes: 0


Knew it had to be something simple. Thanks for the help!
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members