Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

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

Posted on 2011-03-02
9
Medium Priority
?
289 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:Gurvinder Pal Singh
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
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
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:Gurvinder Pal Singh
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 1000 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 1000 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

926 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