Tuesday, October 6, 2009

Simple Navigation Bar With CSS And (x)HTML | Van SEO Design


Simple Navigation Bar With CSS And (x)HTML | Van SEO Design
: "Complete Navigation Bar (x)HTML And CSS

The complete code for our simple navigation bar is:


<ul id='list-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Products</a></li>
<li><a href='#'>Contact</a></li>
</ul>

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:525px
}

ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#485e49;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#a2b3a1;
color:#000
}"

No comments: