Anchor does not stop at the beginning of the div and link does not remove blue subline

Asked

Viewed 364 times

1

Good afternoon guys, I’m building a site of only one page and navigation by anchors but I’m having a problem, by clicking on the menu that redirects to the anchor of the div corresponding to the "ID" the div does not stop at the beginning of the div or at the beginning of the color, this happened after i used the bootstrap "navbar Fixed" class, it should stop as in the image below this marked orange, but it is stopping underneath the navbar...

Another question, why doesn’t that blue color and subline come off the menu after it’s clicked? I’ve used the 4 pseudoclasses Hover,visited,active and link and none works with text-Decoration: None;

Resultado desejado na div

Here is the menu code and pseudoclasses:

#ul-menu{

 text-align: center;
 padding-top: 35px;
 word-spacing: 50px;
}

.li-menu{

 display: inline;
 font-family: 'padrao', Arial, sans-serif;

}

#testando-webfont{

 font-family: 'padrao', Arial, sans-serif;
}

.li-menu a{

 color: white;
 text-decoration: none;
 font-size: 15px;

}

.li-menu a:hover{

 color: #FFCBCB;
 text-decoration: none;

}

.li-menu a:active{

 text-decoration: none;

}

.li-menu a:visited{

 text-decoration: none;

}

Navbar code:

#container-head{

 background: #483D45;
 width: 100%;
 height:90px;
}

Website link: http://iracemafilha.

If a pishing alert appears you can ignore, it was a problem you had with hosting, I already sent message to Google support.

  • 2

    Create a verifiable example. Use Jsfiddle or create a snippet here at Stackoverflow.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.