images et textes centrés

Statut : non résolu

Ce sujet contient 4 réponses, 2 participants et a été mis à jour pour la dernière fois par Manuj, le il y a 18 années et 9 mois.

5 sujets de 1 à 5 (sur un total de 5)

Auteur

Messages
30 juillet 2006 à 20 h 00 min #448233
Manuj
Membre

Initié WordPress
18 contributions
Hello,

J’ai trouvé sur le forum l’astuce de sioux pour centrer une image par CSS (jusqu’alors j’utilisais un piêtre tableau avec un div align center)

Pour rappel :
Oo Bubu wrote:
Dans ton CSS :

.imgCenter { text-align : center; display: block; border : 1px solid #363430; padding: 5px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;}

Et dans ton article :

<img class=imgCenter src="http://bubu2001.free.fr/BubuGravatar.jpg" alt="test 3" />

Tu peux voir le rendu car je suis en période de test sur mon site dans le post suivant !

😉

PS : Merci à Amo pour son aide !
Mais comment faut-il faire pour créer une balise .txtcenter pour centrer le titre de l’image ?
pour pouvoir écrire en dessous de l’image :

Mon titre

idéalement j’aimerais limiter l’espace entre le titre de l’image et l’image.

j’ai essayé tout simplement :
```
.txtcentrer{ text-align : center; }
```
Mais sans succès !

MERCI !
30 juillet 2006 à 20 h 15 min #577473

Qwindoo
Modérateur

Maître WordPress
2861 contributions

Rajoutes « margin: auto; » pour centrer le bloc de texte 😉

30 juillet 2006 à 20 h 36 min #577474

Manuj
Membre

Initié WordPress
18 contributions

Cela n’a pas marché.

Je viens aussi d’essayer
.txtcentrer{ text-align : center; display: block; margin:auto;}

30 juillet 2006 à 21 h 00 min #577475
Qwindoo
Modérateur

Maître WordPress
2861 contributions
```
<p style="margin: auto;text-align: center">texte</p>
```
(dans cet ordre) … ça ne marche pas ?
30 juillet 2006 à 21 h 30 min #577476

Manuj
Membre

Initié WordPress
18 contributions

Ben cela marche avec »style » inline dans le html, mais pas avec la feuille de style CSS.

J’ai vérifié, pas de typo sur la classe. Surtout que la balise « color:#ff0000; » fonctionne et me confirme que la classe « txtcentrer » est appliquée.
Auteur

Messages