Advanced Search

Return to Snippet

Revision: 48368
at June 29, 2011 23:20 by gamblelyn
Initial Code 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Navigation</title>

<link href="style.css" rel="stylesheet" />

<style type="text/css">

#wrapper {width: 760px: margin: 0 auto;
background-color: #ccc;
min-height: 600px;}


#nav{width: 700px; margin: 0 auto;}
 
ul#navlist
{

margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}



</style>


</head>

<body>

<div id="wrapper">

<div id="nav">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>


</div>



</body>
</html>
Initial URL 
http://css.maxdesign.com.au/index.htm
Initial Description 









Initial Title





Centered Horzontial Navigation









Initial Tags





css, html, navigation









Initial Language





HTML