[Solved] error with the dotted line

[M3llawi]

Hi,
So am having an error with the dotted line around the navigation menu
I tried some CSS codes but they wont work Please Help me

button {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: transparent;
noFocusLine: expression(this.onFocus=this.blur());
}

a {
outline: 0;
}

a:focus,
*:focus {
noFocusLine: expression(this.onFocus=this.blur());
}

[M3llawi]

So it looks like this one

http://1.bp.blogspot.com/-khVRmDjkR-I/TcOjU65fQJI/AAAAAAAAAJo/qc5HPGjCYr4/s1600/outline.png

[M3llawi]

I already tried all of it nothing happens

[M3llawi]

Am using Google chrome at the moment

[Alen]

@m3llawi

a {}
a:visited {}
a:hover {}
a:active {}
a:focus {}

Link states are pretty self explanatory, the one you need is a:focus. In your code you have:

a:focus,
*:focus {
  noFocusLine: expression(this.onFocus=this.blur());
}

Add outline: none;.

[M3llawi]

@Alen Still I didn’t understand

[Alen]

I’ve modified your code that was in your original post:

button {
  border: none;
  background-color: transparent;
}

a {}

a:focus {
  outline: none;
  /* IE7 Support */
  noFocusLine: expression(this.onFocus=this.blur());
}

We need more information about your problem in order to help you. There could be other issues at play that we’re not seeing.

Do you have a live example for us? Can you provide all of the code HTML / CSS? If you’re working locally, go to view source in your browser and find and paste relevant code.

If the only thing you’re looking to do is, remove the outline when link is in focus, then all you need is:

a:focus {
  outline: none;
  /* IE7 Support */
  noFocusLine: expression(this.onFocus=this.blur());
}

But again there could be other selectors that are cascading styles and creating problems. We can’t answer without you giving us more information.

Hope that helps, Alen

[M3llawi]

http://codepen.io/anon/pen/bVeeGO

This is the whole website

[Alen]

@beverleyh +100%

[M3llawi]

So what should i do ?

[M3llawi]

Well this is the Navigation bar

http://codepen.io/anon/pen/EVygYo

the problem is here

[M3llawi]

This is the live demo of the website

You can take a look at it

http://crazynash.com/

[M3llawi]

I add those in the Custom CSS

but nothing happens !

[M3llawi]

Thanks a lot This forums this the best
<3

[Author]

Posts