Solved

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

Posted on 2007-03-21
2
719 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

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

743 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now