HI

I have a a href link on a black background. When the user clicks on the link i have some jquery slides out some text beneath it but i get a awful red dotted line all arorund the actual a href link when the user clicks on it which remains until another link is clicked and the dotted line then wraps arround the new link pressed.

Is there anyway i can lose this?

My style for the selected link is below::

a.link-selected {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	width:370px;
	clear:both;
	color:#cc0000;
	padding:0 0 10px 25px;
	font-weight:bold;
	background-image: url(../images/click_down.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:10px 0 10px 0;
	font-size:14px;
}

Any help would really be appreciated.

Cheers
Steve

http://www.webmaster-talk.com/html-f...nd-a-tags.html

HI

the links led me to the below style added to the a href css

outline: none;

works a treat

Cheers

And by doing that you are destroying something meant for accessibility.

Thanks - I had the same problem and this sorted it out -

Thanks for your information sharing I have never seen this b4.

Don't remove the dotted outline! Seriously, please don't - some of use need them so we can navigate web sites.

Just because you can it doesn't mean you should...

Like LadynRed said it's meant for accessibility.