[Webinar] Streamline your web hosting managementRegister Today

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
?
290 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
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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…
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

613 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