Solved

How can i prevent a dotted border to appear after i click on a link?

Posted on 2011-03-02
9
284 Views
Last Modified: 2012-05-11
How can i prevent a dotted border to appear after i click on a link?
0
Comment
Question by:falfouli
  • 3
  • 3
  • 2
  • +1
9 Comments
 
LVL 13

Expert Comment

by:darren-w-
ID: 35016457
I dont thing this can be done, its system and browser specific
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 35016473
which browser? i don't get any dotted border when i click any link?
0
 

Author Comment

by:falfouli
ID: 35016486
ie and ff
0
Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

 
LVL 13

Expert Comment

by:darren-w-
ID: 35016499
You could do it with javascript:

<script type="text/javascript">
function redirect(a)
{
window.location = a;
}
</script>

<div><p style="color:blue" onclick="redirect('http://www.google.co.uk');">test code</p></div>

Open in new window

0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 35016501
can you share the internet link which is showing you a dotted border?
0
 

Author Comment

by:falfouli
ID: 35016520
for example my site: www.islamobec.com
when you click on the next navigation arrow there is a big ugly border that appears??
0
 
LVL 2

Assisted Solution

by:nedlogan
nedlogan earned 250 total points
ID: 35016657
Hi,
Have you tried adding the following to your stylesheet:
a{
outline:none; /*FF1.5+ IE7+*/
-moz-outline:none /* FF<=1.5*/
}
If you only wish to target arrow links add a class e.g
a.arrorws/*CSS*/
<a href="" class="arrows"> <!-- html -->
Regards.
0
 
LVL 13

Accepted Solution

by:
darren-w- earned 250 total points
ID: 35016665
try this:

<style>
a:active,  a:focus{
    border:none;
    outline:none;
}

</style
0
 

Author Comment

by:falfouli
ID: 35016716
thank you
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

816 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

6 Experts available now in Live!

Get 1:1 Help Now