Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.

website problem with my Nav bar?

I have just created a basic html/css template and only half of my left nav bar works when i move the mouse over them. I have checked the code and everything seems okay. Can anyone help please. Any advice would be most helpful. CSS/html code as follows.

#leftnav{

float: left;

width: 140px;

height: 400px;

background-color: #B83595;

border-right: 1px dashed #694717;

}

#leftnav ul {

margin-left: 0;

padding-left: 0;

list-style-type: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

#leftnav .navlist a /* Styles the nav links */

{

display: block;

width: 128px;

padding-top: 10px; /* Controls spacing of the left nav links */

padding-right: 3px; /* Controls spacing of the left nav links */

padding-bottom: 10px; /* Controls spacing of the left nav links */

padding-left: 10px; /* Controls spacing of the left nav links */

background-color: #B83595;

border-bottom-width: 1px;

border-bottom-style: solid;

border-bottom-color: #fff;

color: #fff;

}

#leftnav .navlist a:link, .navlist a:visited /* Styles the active and visited nav link colors */

{

color: #000;

text-decoration: none;

font-weight: bold;

}

#leftnav .navlist a:hover /* Styles the background color when you hover over the nav links */

{

color: #fff;

background-color: #000000;

}

<div id="leftnav">

<ul class="navlist">

<li><a href="http://www.website.com">computers</a%3E%3C/li%3E

<li><a href="http://www.website.com">laptops</a%3E%3C/li%3E

<li><a href="http://www.website.com">printer/ Problems</a></li>

<li><a href="http://www.website.com">troubleshooting</a%3E%3C/l...

</ul>

</div>

</div>

1 Answer

Relevance
Still have questions? Get your answers by asking now.