Centrer dynamiquement....

salut

j'ai certain éléments que je vais chercher dans une bd (dans l'exemple ils ne le sont pas....)

c'est le bloc de mon menu (celui avec les éléments: delphi, bash, linux....) que je voudrais centrer

j'utiliser un ul et des li pour ce bloc là...

http://www.laboiteaprog.com/temp/index2.htm

j'ai tenté de mettre dans menug

margin-left:auto;
margin-right:auto;

mais ça ne semble pas être la bonne façon...
donc j'ai mis une valeur pour margin-left....

 <div id="menug">
 <ul>
 <li><a href="">Delphi</a></li>
 <li><a href="">Bash</a></li>
 <li><a href="">Génie logiciel</a></li>
 <li><a href="">Linux</a></li>
 </ul>
 </div>
 
 
 #menug{
 margin-left:30%
 }
 
 #menug ul{
 list-style-type: none;
 }
 
 #menug li{
 display:inline;
 padding:0 1em 0 0;
 }
 
 #menug a{
 text-decoration:none;
 font-weight:700;
 color:#686151;
 }
 
 #menug a:hover{
 background-color:#369;
 color:#fff;
 

comment faire ça?

merci

Plop,

pour utiliser un margin auto il faut spécifier une largeur à l'élément.

Ce qui peut paraître logique quand on y réfléchis

et si je voudrais centrer un élément par rapport à un autre?

mon menu général doit être centré par rapport à la page.... ce qui semble être fait

je voudrais maintenant centrer mon sous-menu par rapport à ce menu général

Delphi
Bash
Génie logiciel
Linux

sont les éléments de mon menu général...

alors que

tutoriel
livres
liens
faq.... sont les éléments de mon sous-menu (ces éléments varies en fonctions de la sélections... c'est statique dans mon exemple...)

j'ai commencé de quoi
http://www.laboiteaprog.com/temp/index2.htm
http://www.laboiteaprog.com/temp/screen.css

#menug{
width:50%;
margin-left:auto;
margin-right:auto;
margin-top:3%;
margin-bottom:1%;
text-align:center;
}

#menug ul{
list-style-type: none;
}

#menug li{
display:inline;
padding:.5em
}

#menug a{
text-decoration:none;
font-weight:700;
color:#686151;
padding:.5em
}

#menug a:hover{
  background-color:#369;
  color:#fff;
  padding:.5em
}

#menugs{
width:50%;
border-top: 1px solid #999;
margin-left:auto;
margin-right:auto;
margin-bottom:3%;
text-align:center;
}

#menugs ul{
list-style-type: none;
}

#menugs li{
display:inline;
padding:.5em
}

#menugs a{
text-decoration:none;
font-weight:700;
color:#686151;
padding:.5em
}

#menugs a:hover{
  background-color:#369;
  color:#fff;
  padding:.5em
}

j'ai mis une barre afin de séparer le menu général de son sous-menu... le problème c'est qu'on voit bien que c'est mal centré...

une idée

si on peut faire mieux, n'hésitez pas