li problem
Hej,Jeg er ved at lave en simpel menu via en il.
Men jeg kan ikke få det mellemrum der er ovenfor væk. Hvordan gør jeg det?
Min kode er følgende :
<html>
<head>
<title>webside</title>
<style>
#body{
background: #008080;
background-image: url('bg.gif');
background-repeat: repeat-x;
text-align: center;
}
#banner{
width: 760;
text-align: left;
margin-top: 40px;
margin-bottom: 0px;
background: #007575;
}
#navi ul {
list-style: none;
}
#navi li {
display: inline;
padding-right: 5px;
}
#navi a {
padding: 5px 8px;
background: #008080;
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
#navi a:hover {
background: #006a6a;
color: #fff;
}
</style>
</head>
<body id="body">
<div id="banner">
<img border="0" src="banner_kjeld.jpg" width="760" height="219">
<ul id="navi" class="menu">
<li><a href="#">Forside </a></li>
<li><a href="#">Godt af vide </a></li>
<li><a href="#">Arrangementer </a></li>
<li><a href="#">Adresser </a></li>
<li><a href="#">Den røde bog </a></li>
<li><a href="#">Galleri </a></li>
<li><a href="#">Kontakt </a></li>
</ul>
</div>
</body>
</html>
