X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

ASP Classic - Adding Navigation


ASP Demo.   Part IV: Adding a Navigation Menu.


What We Will Do

In this chapter we will:

  • Add a navigation menu

Add a Navigation Menu

Create a new file named Header.inc.

Put the following code inside the file:

Header.inc

<ul id="menu">
<li><a href="Index.asp">Home</a></li>
<li><a href="Customers.asp">Data</a></li>
<li><a href="About.asp">About</a></li>
</ul>


Edit The Style Sheet

Edit your your style sheet (Site.css):

Add the following to the file content:

Addition to Site.css

ul#menu {
    padding: 0;
    margin-bottom: 11px;
}

ul#menu li {
    display: inline;
    margin-right: 3px;
}

ul#menu li a {
    background-color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    color: #696969;
    border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
    color: white;
    background-color: black;
}

Run example »


Congratulations

You have added navigation to your website.



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook