Navigation Bars

This section contains website navigation bars. Browse through the navigation bars until you find one that's close to what you want. Then copy the code navigation bar into your webpage. The style code should be placed in the head section of your webpage. The html code should be placed in the body section of your webpage. If you can't find a navigation bar that's exactly what you want, take the closest one and modify it. To modify the code, simply follow the pattern of the code to add or remove menu sections or menu items. If you're having difficulty getting a navigation bar that meets your requirements, contact me through the contact link located in the header of every page on this website, maybe I can help.

In the menu code, links are coded using a # character for the URL, as shown below.

<li><a href="#">Home</a></li>

Replace the # character with a complete or relative link to the page that you want to load when the user clicks on the link.

In the style code for multi-level navigation bars, look for code similar to that shown below. This style rule sets the position for a specific sub-menu. You may need to adjust the left and top values in this code to properly position the submenus for your specific application.

#submenu1
{
position: absolute;
left: 80px;
top: 10px;
}