Home/ Questions/Q 8546863
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T13:08:00+00:00

PS: If you look closely at the bar when your hovering over a link

  • 0

PS:
If you look closely at the bar when your hovering over a link a few pixels at the far right side stay black. Why is that and how do I fix it?

The code for the current Navigation bar is as follows:

HTML:

<body>
    <div class="navbar">
        <a href="home.html" id="current">-home</a>
        <a href="about.html">about</a>
        <a href="store.html">store</a>
        <a href="contact.html">contact</a>
    </div>
</body>

CSS:

.navbar{
width: 75%;
background-color: black;
margin-left: auto;
margin-right: auto;
margin-top: 15px;}
.navbar a:link, a:visited{
background-color: black;
color: white;
text-decoration: none;
text-transform: uppercase;
border-right: 2px solid white;
font-weight: bold;
font-family: verdana;
font-size: 37px;
text-align: center;
padding-left: 5px;
padding-right: 5px;}
.navbar a:hover, a:active, a:focus{
background-color: #4A4A4A;
text-decoration: underline;}
#current a:link, a:visited{
background-color: red;}

As you can tell by the code, I’m trying to set the color of the home link to red. But this obviously didn’t work. How should I go about it?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    current is the id of the link element, so #current {background-color:red;} should do.

    Now you’re trying to set the color of the link element inside the element with id current.

    • 0