<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">
.navcontainer {
margin: 190px 0 0 27px;
padding: 0;
height: 20px;
}
.navcontainer ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
.navcontainer ul li {
display: block;
float: left;
text-align: center;
padding: 2px;
margin: 0;
}
.navcontainer ul li a {
border-right: 1px solid #6A849D;
background: #fff;
width: 80px;
height: 15px;
border-top: 1px solid #6A849D;
border-left: 1px solid #6A849D;
border-bottom: 1px solid #6A849D;
padding: 2px;
margin: 0 0 10px 0;
color: #6A849D;
text-decoration: none;
display: block;
text-align: center;
font: 0.9em tahoma, lucida, sans-serif;
}
.navcontainer ul li a:hover {
color: White;
background: #C9D3DC;
}
.navcontainer a:active {
background: #6A849D;
color: #fff;
}
.navcontainer li#active a {
background: #6A849D;
color: #fff;
}
</style>
</head>
<body>
<div class="navcontainer">
<ul id="navlist">
<li><a href="">Home</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
<li><a href="">Link 4</a></li>
<li><a href="">Link 6</a></li>
</ul>
</div>
</body>
</html>
|