Navigation bar with CSS and HTML

- Navigation bar with CSS and HTML

This video tutorial on CSS will give you a ready-to-use navigation bar script. As it can be seen in the video the navbar will be created by using HTML - Including CSS list and link styling.

The source code is available in the text box below - please feel free to copy it

<!-- CSS file
#nav {
    list-style-type: none;
    padding: 0px;
    width: 840px;
}
.linav {
    float: left;
}
a.nav:link, a.nav:visited {
   display: block;
   width: 200px;
   font-weight: bold;
   color: #FFF;
   background-color: #999;
   text-align: center;
   padding: 5px;

}
a.nav:hover, a.nav:active {
    background-color: #CCC;
}

-->

<!-- HTML file
<!DOCTYPE html>
<HTML lang="en-US">
    <HEAD>
        <TITLE> HTML and CSS navigation bar </TITLE>
        <META charset="utf-8" />
        <META name="keywords" content="" />
        <META name="description" content="" />
        <link rel="stylesheet" href="Stylesheet.css" type="text/css" />
    </HEAD>
    <BODY>
        <ul id="nav">
            <li class="linav"><a href="#" class="nav">HOME</a></li>
            <li class="linav"><a href="#" class="nav">ABOUT</a></li>
            <li class="linav"><a href="#" class="nav">NEWS</a></li>
            <li class="linav"><a href="#" class="nav">CONTACT</a></li>
        </ul>


    </BODY>
</HTML>


-->

Video tags:
This video relates to subjects such as: Make your own website, build your own website, free website , Making a website from scratch , web design, HTML website, websites, html, video tutorials, free tutorials, beginner tutorials, CSS navigation bar, HTML navigation bar

If your have any comments, then feel free to use the form below. Everyone can comment without using a login.