06-06-2010, 10:16 PM
<div id="menu">
<div id="banniere"> </div>
<ul id="button>
<li><a href="#">Accueil</a></li>
<li><a href="#">Présentation</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Charte</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
tres simple
#button {
margin:0;
padding:0;
list-style:none;
}
#button li
display:block;
float:left;
margin-right:5px; /* on les espace */
}
#button li a {
display:block;
height:tailleimage-padding;
width:tailleimage-padding;
background: url("Path/to/img") no-repeat top left;
padding:padding;
}
Et voila tu a un superbo menu fonctionnel et valide W3C
<div id="banniere"> </div>
<ul id="button>
<li><a href="#">Accueil</a></li>
<li><a href="#">Présentation</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Charte</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
tres simple
#button {
margin:0;
padding:0;
list-style:none;
}
#button li
display:block;
float:left;
margin-right:5px; /* on les espace */
}
#button li a {
display:block;
height:tailleimage-padding;
width:tailleimage-padding;
background: url("Path/to/img") no-repeat top left;
padding:padding;
}
Et voila tu a un superbo menu fonctionnel et valide W3C