Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Eliminating the dotted line box that appears around a link after it has been clicked on.

Posted on 2007-03-21
2
736 Views
Last Modified: 2010-08-05
A dotted text box appears around the link after it has been clicked until you click elsewhere.  It looks awful.  How can I get rid of it?  To see what I'm talking about, the current copy of the page I'm working on can be found at...  http://www.orangeshadow.com/~jdavis/
The Menu and Gallery tabs are the ones that I am referring to.  I would like to eliminate this all together though.
0
Comment
Question by:josephdaviskcrm
  • 2
2 Comments
 
LVL 4

Accepted Solution

by:
ftsao earned 250 total points
ID: 18766610
Add the following code between your <head></head> tags:

<style type="text/css">
a:focus, a:active {
   outline: 0;
   -moz-outline: none;
}
</style>

Tested in Firefox 2.0 and IE 6+
0
 
LVL 4

Assisted Solution

by:ftsao
ftsao earned 250 total points
ID: 18766724
Sorry that is for Firefox only. To handle IE you can add <a href="index.html" hidefocus="true">Home</a>.
0

Featured Post

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Generate Numbers in JQuery file 11 66
return false must be hit after calling certain command 10 33
HTML Anchor Link Problem 3 36
JQuery Syntax... 4 36
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question