Ik ben bezig met de sub-navigatie van mijn website maar ik krijg de border eromheen maar niet goed. Het blijft de width van de hele pagina hebben. Ik zou graag willen dat deze automatisch de groote van mijn navigatie aanneemt, hij zou dus na link 5 moeten stoppen.
<?Php
<!DOCTYPE html>
<html>
<head>
<style>
#subNavigation{
overflow: auto;
margin: 20px 0px;
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
}
#subNavigation ul{
width: auto;
list-style: none;
margin: 0;
padding: 0;
}
#subNavigation ul li{
float: left;
}
#subNavigation ul li a {
margin: 1px;
display: block;
padding: 1px 10px 0;
color: #000000;
text-decoration: none;
font-size: 13px;
line-height: 20px;
}
#subNavigation ul li a:hover{
background: #a0a0a0;
color: #ffffff;
}
#subNavigation ul li a:active{
background: white;
}
#subNavigation ul li a.current {
background: #a0a0a0;
color: #ffffff;
margin: 1px;
}
#subNavigation ul li a.current:hover {
background: #a0a0a0;
}
</style>
</head>
<body>
<div id='body'></div>
<div class='center'>
<div id='subNavigation'>
<ul>
<li><a class='current' href="#link1">link 1</a></li>
<li><a href="#link2">link 2</a></li>
<li><a href="#link3">link 3</a></li>
<li><a href="#link4">link 4</a></li>
<li><a href="#link5">link 5</a></li>
</ul>
</div>
</div>
</body>
</html>
?>
1.256 views
