[Résolu] Impossible de centrer images… (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 15)
  • Auteur
    Messages
  • #450223
    Monsieur M
    Membre
    Initié WordPress
    37 contributions

    bonjour,

    je suis actuellement sur l’excellent thème dreamy et je n’arrive pas à trouver le moyen de centrer par défault les images.

    je pense que le code à rajouter dans le style.css est le suivant mais où exactement je ne trouve pas…

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    pouvez-vous m’aider svp ?

    #589779
    damino
    Participant
    Maître WordPress
    1243 contributions

    Salut, encore une fois n’hésite pas à nous donner un lien vers ton site site pour voir exactement ton code.
    Merci.

    #589780
    xavier
    Gestionnaire du forum
    Maître WordPress
    2125 contributions

    Met ce code CSS dans style.css, juste après les autres règles liées aux images :

    img {
    	border:0;
    }
    img.right 
    {
    	float:right;
    	margin:0 0 1em 1em;
    }
    img.left 
    {
    	float:left;
    	margin:0 1em 1em 0;
    }

    #589781
    Monsieur M
    Membre
    Initié WordPress
    37 contributions

    Damino : url ok dans profile 😉
    Xavier : Je viens de le faire et ça ne fonctionne toujours pas :(

    img {
    border:0;
    }
    img.right
    {
    float:right;
    margin:0 0 1em 1em;
    }
    img.left
    {
    float:left;
    margin:0 1em 1em 0;
    }
    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    a img
    {
    border-bottom:#C2C2C2 1px dashed;
    padding-bottom:3px;
    }
    p {
    margin-bottom:1.0em;
    line-height:1.75em;
    }
    a:link,a:visited {
    text-decoration:none;
    color:#C2C2C2;
    }

    #589782
    xavier
    Gestionnaire du forum
    Maître WordPress
    2125 contributions

    As-tu mis la classe qu’il faut sur ton image ?

    class= »centered »

    #589783
    Monsieur M
    Membre
    Initié WordPress
    37 contributions

    La classe ? Je ne sais pas ce que c’est…
    Peux-tu m’indiquer la marche à suivre stp ?

    #589784
    damino
    Participant
    Maître WordPress
    1243 contributions

    Donc 2 solutions soit dans ta CSS tu vires la classe .centered pour laisser simplement :

    img {
        display: block;
        margin-left: auto;
        margin-right: auto;   
    }

    Et je te conseille même plutôt

    #content img {
        display: block;
        margin-left: auto;
        margin-right: auto;   
    }

    Pour éviter d’avoir un problème avec des images ailleurs que dans tes posts.

    Soit comme le dit Xavier tu laisses ton code CSS tel qu’il est et tu rajoutes la classe .centered dans ta balise img.
    Pour cela rendez-vous dans ton éditeur de texte, passe en mode HTML et rajoute un class= »centered » dans ta balise image

    <img src="blabla/monimage.jpg" alt="blabla" class="centered" />

    Voilà !

    #589785
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4073 contributions
    Monsieur M wrote:
    La classe ? Je ne sais pas ce que c’est…
    Peux-tu m’indiquer la marche à suivre stp ?

    Lorsque tu inseres une image il faut que tu ajoutes class= »centered » ainsi :

    <img src="URLDETONIMAGE" class="centered">

    #589786
    Monsieur M
    Membre
    Initié WordPress
    37 contributions

    Damino : merci beaucup !!!! ça fonctionne impeccablement avec :

    #content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    je n’ai nullement avec ça besoin de modifier la class, tout est centré automatiquement 🙂

    #589787
    damino
    Participant
    Maître WordPress
    1243 contributions

    Your’re welcome :D

    #589788
    Sophie42
    Membre
    Initié WordPress
    2 contributions

    Bonjour,

    Je suis nulle en informatique, et ne connais pas encore très bien WordPress.

    Je veux centrer un logo « Orange » (pour ceux qui sont visuels, voici la page ou vous pourrez voir mon problème : http://www.mobilemondayfrance.org/ c’est sur la droite de la page) mais ne trouve pas les paramètres à changer ou une commande à écrire, pour le faire.
    Dans ma page « Manage Links » ; « Edit » ; dans « Advanced », j’ai mis l’URL de mon image, et ça l’a mis par défaut en bas à gauche.
    J’ai tenté de varier quelques paramètres, mais ça n’a rien changé…
    Faut-il écrire un code? Dans quelle fenetre?

    Merci par avance de vos réponses. :D

    #589789
    xavier
    Gestionnaire du forum
    Maître WordPress
    2125 contributions

    Sophie42 : La règle suivante semble régler le problème :

    #subcontent .links img {
      display: block;
      margin:0 auto;
      }

    Attention, il faudra penser à mettre à jour, WP 2.0.1 contient une faille de sécurité…

    #589790
    Sophie42
    Membre
    Initié WordPress
    2 contributions

    apparement, ça ne marche pas…

    Mais j’ai justement la version WP 2.0.1

    Je la remets à jour et je retente.

    Merci

    #589791
    xavier
    Gestionnaire du forum
    Maître WordPress
    2125 contributions
    #589792
    damino
    Participant
    Maître WordPress
    1243 contributions

    Et de manière générale je propose à tous ceux qui veulent modifier leurs thèmes un peu de lecture pour apprendre un minimum sur les feuilles de style CSS. On est nous aussi passé par là.😗

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