Ok j'ai refais une barre plus simple je suis repartie de zero cependant mes menu son des image et non du css ! comment je peux faire pour centrer le tout de façon responsive !
Code :
- <div id="nav">
- <ul>
- <li><a id="testa" href="#"><img src="images/accueil.png" id="a" alt="#"> </a></li>
- <li><a id="testb" href="#"><img src="images/portfolio.png" id="a" alt="#"></a></li>
- <li><a id="testb" href="#"><img src="images/compétence.png" id="a" alt="#"></a></li>
- <li><a id="testb" href="#"><img src="images/contact.png" id="a" alt="#"></a></li>
- </ul>
- </div>
|
Code :
- #nav ul {
- width : 100%;
- list-style : none;
- }
- #nav li {
- margin-left:160px;
- float:left;
- }
|
car margin-left:160px c'est pas centrer exactement et pour des petites resolution hop! c'est plus centrer
ps: j'ai tester margin:auto (sans résultat) ='(
Message édité par noxno le 09-08-2012 à 15:09:30