Voici le code:
Code : Tout sélectionner
<style type="text/css">
body{padding: 20px;background-color: #FFF;
font: 76% Verdana,Arial,sans-serif}
div#menu{float:left;width: 600px;padding-top:30px;background: url(navbk.jpg)}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left: 15px}
ul#nav li{float:left;width:101px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:101px;padding: 2px 0 5px;text-decoration:none;background: #BEFF9A;color: #999}
ul#nav li.activelink a,ul#nav a:hover{color: #000}
</style>
<body>
<div id="menu">
<ul id="nav">
<li id="depeches" class="activelink"><a href="#">Depeches</a></li>
<li id="labo"><a href="#">Laboratoires</a></li>
<li id="Forum"><a href="#">Forum</a></li>
<li id="Arch"><a href="#">Archives</a></li>
<li id="abon"><a href="#">S'abonner</a></li>
<li id="contact"><a href="#">Contact</a></li>
<li id="Mentions"><a href="#">Mentions légales</a></li>
</ul>
</div>
</body>
7 li ne peuvent pas tenir sur une seule ligne
