garry Posted September 18, 2008 Share Posted September 18, 2008 I have an image map menu and whenever a link is clicked, a dotted border appears around it, like in the image attached. Is there any way to stop this? Thanks for any help. [attachment deleted by admin] Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/ Share on other sites More sharing options...
peranha Posted September 18, 2008 Share Posted September 18, 2008 In the link line put text-decoration = "none" Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-644504 Share on other sites More sharing options...
jeffkee Posted September 18, 2008 Share Posted September 18, 2008 In the link line put text-decoration = "none" That won't fix the border problem. That's just an underline. <a href="link.html" onclick="this.blur;"> might work. Try that. Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-644515 Share on other sites More sharing options...
peranha Posted September 18, 2008 Share Posted September 18, 2008 In the link line put text-decoration = "none" That won't fix the border problem. That's just an underline. <a href="link.html" onclick="this.blur;"> might work. Try that. I use this on my pics, and it works fine. No outline when clicked on. Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-644524 Share on other sites More sharing options...
peranha Posted September 18, 2008 Share Posted September 18, 2008 In the link line put text-decoration = "none" That won't fix the border problem. That's just an underline. <a href="link.html" onclick="this.blur;"> might work. Try that. I use this on my pics, and it works fine. No outline when clicked on. Never mind, checked my css file, and I noticed I change the color to the background color, so it doesnt look like it shows up. Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-644525 Share on other sites More sharing options...
dropfaith Posted September 18, 2008 Share Posted September 18, 2008 css a img {border:none;} Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-644572 Share on other sites More sharing options...
stublackett Posted September 18, 2008 Share Posted September 18, 2008 Or you could do <img src="http://www.yourimage.com/image.jpg/" alt="Image" border="0" /> That should also do the trick Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-644712 Share on other sites More sharing options...
chronister Posted September 20, 2008 Share Posted September 20, 2008 I believe this is a browser behavior that cannot be controlled. It occurs in Firefox for image links, text links and any other kind of clickable area. I have not found a way to prevent it from happening. If I am wrong then please correct me as it is something I wanted to fix at some point and just gave up because it was not a big enough deal. Nate Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-646238 Share on other sites More sharing options...
opencombatclan Posted September 21, 2008 Share Posted September 21, 2008 It CAN be stopped, see http://bloggeruniversity.blogspot.com/2007/01/how-to-remove-dotted-border-from-links.html And its done =P Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-647115 Share on other sites More sharing options...
chronister Posted September 21, 2008 Share Posted September 21, 2008 Cool to know. I am surprised that a css trick can squash this browser behavior. But it is a browser behavior. I guess the brilliant folks at mozilla decided to make the browser respond to some specific style elements. Thanks for posting that. Nate Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-647144 Share on other sites More sharing options...
swamp Posted September 22, 2008 Share Posted September 22, 2008 It CAN be stopped, see http://bloggeruniversity.blogspot.com/2007/01/how-to-remove-dotted-border-from-links.html And its done =P Very bad idea, this removes the border when using the 'tab' button on your keyboard to flick through links. You're making the page un-accessible to keyboard users. Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-647719 Share on other sites More sharing options...
chronister Posted September 22, 2008 Share Posted September 22, 2008 Swamp, Good catch. I did not even think of that. But your right. If you go to the link that is given on how to remove them and try to tab through the links, you have no indication as to which one your on. Not Good. I use that feature sometimes myself when it is quicker than grabbing the mouse. Thanks for that... I will never use this feature. Nate Quote Link to comment https://forums.phpfreaks.com/topic/124762-stop-border-appearing-around-links-when-clicked/#findComment-647765 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.