HomePHP, HTML, CSS ScriptsTutorialsRequest HelpAbout UsContact Us
Cambridge, Peterborough Web Design
Stay informed - Newsletter Signup
 Script CSS Horizontal Navigation

Dated Added: 4th August 2008

Using a CSS style sheet to create a horizontal navigation bar
<style type="text/css">
ul.nav {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

ul.nav li {
display:inline;
}

ul.nav a {
border: 1px dashed #000;
border-bottom: none;
padding: 5px 15px 5px 15px;
margin-right: 5px;
background-color: #EAEAEA;
text-decoration: none;
color: #333;
}
</style>


<ul class="nav">
<li><a href="http://www.webdevboost.co.uk">Home</a></li>
<li><a href="http://www.webdevboost.co.uk">News</a></li>
<li><a href="http://www.webdevboost.co.uk">Reviews</a></li>
</ul>
Script Updates
Ajax
ASP
ASP.NET
CSS
HTML
Java
Javascript
PHP
Python
Ruby on Rails
Useful Tools
XML
Request Help
Request a Script
Request WebDev
Contact Us
About Us


Ajax Scripts | ASP Scripts | ASP.NET Scripts | HTML Scripts | Javascript Scripts | PHP Scripts | Python Scripts | Ruby on Rails Scripts | XML Scripts
2001-2007 © All Rights Reserved. 3Branch Internet Development. All content is available under the GPL