Sunday 21 January 2007

How to remove dotted border from links in Firefox

Here is an email from a reader, Alain, with a problem:
Hi Annie,

Thanks for all the valuable information on your blog. I'm a new blogger with no previous background in computer and programming and I benefit a lot from your blog. I have a minor problem with my Minima Stretch Template. I didn't know where to post my question on your blog so I have decided to email you.

Problem Description

When I use the Firefox browser (I don't have this problem with IE), my post titles and my various kinds of links are displayed with a dotted border when I click over them. I can't figure out the source of this minor problem. I have notice that other bloggers using the Minima Stretch Template also have this problem when I visit them with my Firefox browser but I don't experience this problem on your blog. I have checked your source code but I can't figure out what you have done in order to avoid this problem. Can you help me please?
This was my response. Add this to your CSS style sheet (which is the part of the template between the <head>and </head> elements that contain a lot of these { }) :
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
No more dotted borders!

To remove post image borders is explained in How to Remove or Change Image Borders

post signature

No comments:

Post a Comment