Centrage des images

C'est peut-être con, mais je n'arrive pas à faire centrer mes images commes je veux et pourtant j'ai chercer... :aie:

Code:

---

1 2 3 4 5 6 7

. . . <div class="parchemin"> <div class="centre"> <h2>BIENVENUE</h2> <img src="img/image/grimoire.png" alt="Grimoire" /> <p> . . .

---

avec comme CSS

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

. . . img { border: none; }   .parchemin { background :url("../img/parch/parch_f.png") ; background-repeat: repeat; width : 694px; margin-left:260px; }   .centre {   width : 600px; padding-top:30px; padding-left:60px; padding-bottom:30px; }   .centre img { text-align: center; } . . .

---

L'image n'est pas centrée, elle est collée sur la gauche.
J'aimerais éviter devoir mettre un truc du genre:

Code:

---

<div style="text-align: center;"><img src="img/image/grimoire.png" alt="Grimoire" /></div>

---

partout dans mes pages.

Si tu n'as qu'une image sur ta ligne, tu peux la centrer ainsi:

Code:

---

1 2	img {display:block; margin:auto;}

---

non il y en a plusieurs. Mais je ne veux centrer que celle se trouvant dans la balise "centre" sans devoir rajouter du code inutile pour chaque image.
Comme ça je mets simplement un <img ../> et hop, l'image est correctement placée.

Tu ne peux pas attribuer un text-align:center à une image. Par contre tu peux l'appliquer au conteneur et rétablir l'alignement à gauche pour les enfants, par exemple:

Code:

---

1 2	.centre {text-align:center;} .centre * {text-align:left;}

---

une methode qui vaut ce qu'elle vaut mais fonctionnelle :

Code:

---

<div class="centrage"><img src="images/harmonie.jpg" alt="remise de médaille" /></div>

---

et dans la feuille de style css :

Code:

---

.centrage {text-align: center; }

---

Yop, pour tout dire la solution de Candygirl m'a parfaitement convenue (car mon texte principal étant entre balise <p>, le texte se remettait normalement)

Merci à tous/toutes pour votre aide !