[résolu] Centrer horizontalement une barre de bouton

Bonjour,

Je débute en CSS et je fait mes page en HTML 4.01 transitional.

J'ai fait une barre de bouton avec des images que j'aimerais centrer sur la page. J'ai lu une méthode de centrage horizontal sur le site openweb http://openweb.eu.org/articles/initiation_centrage/. J'ai essayé un centrage avec des marges en %. Hélas pas moyen de centrer mes boutons sur la page.
Si quelqu'un pouvait me dire ou est mon erreur cela m'aiderait beaucoup car pour l'instant j'ai beau faire ... rien n'y fait.

Voici les éléments

La barre de bouton est constitué de 4 images qui ont la classe bouton
les quatres boutons sont dans un bloc qui a pour id=entete dont le parent est body

Code CSS

body {
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    font-size: small;
    text-align: justify;
    direction: ltr;
    background-image: url(images/Fond.jpg);
.bouton {
    margin: 0 10px;
    padding: 0;
}
#entete {
    margin: 0 5%;
    padding: 0;
}

et voici le code HTML pour mon bloc entête :

<div id="entete"><img class="bouton"
 style="width: 140px; height: 30px;" alt=""
 src="images/bsitesh.jpg" align="middle"><img
 class="bouton" style="width: 140px; height: 30px;" alt=""
 src="images/bimagesb.jpg" align="middle"><img
 class="bouton" style="width: 140px; height: 30px;" alt=""
 src="images/bpagesb.jpg" align="middle"><img
 class="bouton" style="width: 140px; height: 30px;" alt=""
 src="images/bpublierb.jpg" align="middle"></div>

En vous remerçiant par avance de votre aide.

Almr13
Modifié par almr13 (27 Sep 2006 - 23:30)

Re,

J'ai résolu mon problème, veuillez me pardonner d'avoir poster, mais cela faisait des heures que j'essayais des tas de trucs ...

J'ai juste ajouté text-align : center au niveau de mon sélecteur entête et j'ai obtenu le résultat voulu.

Merci à tous
almr13

Bonjour et bienvenue almr13 ,

Utilises text-align:center sur entête qui va centrer tous les éléménts "en ligne" comme... les images.

<édit>tu a trouvé tout seul. Ne manque plus qu'un résolu dans le titre de ton sujet </edit>
<édit2>C'est déjà fait, bravo </édit2>
Modifié par Igor (27 Sep 2006 - 23:34)