images et textes centrés (Créer un compte)

  • Statut : non résolu
5 sujets de 1 à 5 (sur un total de 5)
  • Auteur
    Messages
  • #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 !

    #577473
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions

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

    #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;}

    #577475
    Qwindoo
    Modérateur
    Maître WordPress
    2862 contributions
    <p style="margin: auto;text-align: center">texte</p>

    (dans cet ordre) … ça ne marche pas ?

    #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.

5 sujets de 1 à 5 (sur un total de 5)
  • Vous devez être connecté pour répondre à ce sujet.