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
}"
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment