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.
Trending News
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
- Stephen WLv 410 years ago
You seem to have an extra closing div at the bottom? Also it's difficult to see whether the end of your list items are closed properly...
Source(s): http://www.freewebtutorial.co.uk/