Modif CSS Tarski pour image border (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 18)
  • Auteur
    Messages
  • #447803
    jiel
    Membre
    Chevalier WordPress
    175 contributions

    Voila ,

    J’utilise le theme Tarski dont j’ai deja pas mal modifié la CSS, mais j’aimerai que les images de mes posts soient encadrer avec une bordure trés claire. Donc j’ai rajouter ceci :

    img {
    margin: 0 5px;
    padding: 4px;
    border: 1px solid #ccc;
    max-width: 100%;
    }
    Mais le problème et qu’en haut du blog j’ai mon image de header qui est entouré et je ne le veux !

    ou je pourrais placé ce code pour que ne soit inpacté que les images des articles et pages ?

    merci

    #574838
    xavier
    Gestionnaire du forum
    Maître WordPress
    2126 contributions

    Cible l’élément contenant les images à encadrer. Par exemple :

    content img {
        margin: 0 5px;
        padding: 4px;
        border: 1px solid #ccc;
        max-width: 100%;
        }

    #574839
    jiel
    Membre
    Chevalier WordPress
    175 contributions

    deja essayé plusieurs endroit dans le CSS mais je ne vois ce qui correspondrait aux artcles et pages.

    #574840
    xavier
    Gestionnaire du forum
    Maître WordPress
    2126 contributions

    Donne-nous un lien vers ton blog, on te dira…

    #574841
    Oo
    Membre
    Maître WordPress
    2486 contributions

    Salut JieL,

    Enleve le border dans ton CSS et ajoute le directement dans le code pour inclure tes images :

    Dans le CSS :

    img {
    margin: 0 5px;
    padding: 4px;
    max-width: 100%;
    }

    Photos xxx

    Le truc c’est que tu devra l’inclure a chaque photo ou image que tu voudras encadré dans tes articles ou pages !

    Essaye ça !

    :D

    #574842
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4079 contributions

    Il faut plutôt essayer de faire en sorte que le header ne dépende pas du même code CSS que les images du blog.

    Genre créer un truc comme ça :

    img.header {
        margin: 0 5px;
        padding: 4px;
        border: 1px solid #ccc;
        max-width: 100%;
        }

    Et attribuer ensuite la bonne classe au header.

    N’étant pas un pro du CSS… je ne sais pas si je suis dans le juste… mais je pense que c’en est pas loin. 😋

    #574843
    xavier
    Gestionnaire du forum
    Maître WordPress
    2126 contributions

    Bubu : pas pratique 🙂
    Ben : il faudrait pour ton truc qu’il mette une classe “header” à toutes les images qui ne doivent pas recevoir cette règle.
    Je reste donc partisant de ma proposition 😉

    #574844
    benkenobi
    Gestionnaire du forum
    Maître WordPress
    4079 contributions

    Xavier > En même temps n’est-ce pas que du header dont il est question ?… Enfin bref peu importe ta solution est sans doute plus pratique…

    #574845
    damino
    Participant
    Maître WordPress
    1243 contributions

    Salut, moi je dis : bubu c’est pas bien … 😉
    Ce genre de chose (bordures, couleurs, …) c’est typiquement le boulot des CSS et bien plus pratique que de rajouter des balises HTML dans le code.
    Son problème est résoluble en 2 secondes pour peu que l’on ai un lien vers le site …

    #574846
    Oo
    Membre
    Maître WordPress
    2486 contributions

    Bonjour à tous,

    Je comprends que ce soit le boulot du CSS mais quand tu ne veux pas tout le temps mettre un cadre ca devient plus complexe ! Du coup, moi je fais tout à la main 😋

    Mais après il est vrai que je suis pas un pro et je trouve que ma méthode me permet de gérer individuellement ! Après, je ne sais pas comment on fait au niveau du CSS pour avoir plusierus classes différentes 😡

    Voila pourquoi, j’ai dit fait la comme ça 😋

    #574847
    AmO
    Participant
    Maître WordPress
    4451 contributions

    Je soutiens Xavier à 200% !

    Trouver le conteneur des données hors header ^^ et hop ^^

    #574848
    jiel
    Membre
    Chevalier WordPress
    175 contributions

    voila le lien vers le site : http://www.iclectic.fr

    si vous avez besoin du fichier css : http://www.box.net/public/8jepnqll2c

    merci de votre aide

    #574849
    xavier
    Gestionnaire du forum
    Maître WordPress
    2126 contributions
    BenKenobi wrote:
    Xavier > En même temps n’est-ce pas que du header dont il est question ?

    Ah, non, il a dit “mais j’aimerai que les images de mes posts…” 🙂

    #574850
    jiel
    Membre
    Chevalier WordPress
    175 contributions
    Xavier wrote:
    BenKenobi wrote:
    Xavier > En même temps n’est-ce pas que du header dont il est question ?

    Ah, non, il a dit “mais j’aimerai que les images de mes posts…” 🙂

    Bah oui c’est ce qu’il veut ! que pour les se trouvant dans les posts (articles ou pages)

    #574851
    jiel
    Membre
    Chevalier WordPress
    175 contributions

    Alors ? personne pour m’aider ? pas de pro des CSS ??? 🙂

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