TinyMCE Advanced: problème d’affichage des images dans l’article

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #466493
    cedricn
    Participant
    Initié WordPress
    8 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.7
    – Thème utilisé : custom
    – Plugins en place :
    – Nom de l’hebergeur :
    – Adresse du site :en production

    Problème(s) rencontré(s) :

    Hello,

    Voilà mon problème: lorsque je créé un article, que j’insère une image et que disons je l’aligne à gauche du texte avec une marge, une bordure et une légende à l’aide de l’éditeur TinyMCE Advanced, le rendu est parfait dans la fenêtre d’édition mais dès que j’affiche l’article sur le site., vlan!, la mise en page appliquée à l’image ne fonctionne pas…

    Mais lorsque je change de thème, que je prends celui par défaut de WP (par exemple), là ça fonctionne.
    J’ai beau retourné mon code dans tous les sens, je ne vois pas ce qui provoque ce bug.

    Si jamais quelqu’un a une idée, je suis preneur et éternellement reconnaissant à celui qui trouve le pourquoi du comment!

    #658139
    yumiam
    Membre
    Padawan WordPress
    98 contributions

    Bonjour cedricn
    c’est tout simplement que ton theme ne déclare pas les class css qui permettent d’utiliser ces fonctions d’alignement …
    pour cela … recupère le code du theme pas défaut et ajoute le a ton fichier style.css :
    les voici :

    /* Using ‘class=”alignright”‘ on an image will (who would’ve
    thought?!) align the image to the right. And using ‘class=”centered’,
    will of course center the image. This is much better than using
    align=”center”, being much more futureproof (and valid) */

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

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    /* End Images */

    /* Captions */
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    /* End captions */

    #658140
    cedricn
    Participant
    Initié WordPress
    8 contributions

    Merci pour la réponse!
    J’ai effectivement trouvé la solution une vingtaine de minutes après avoir posté cette demande d’aide… j’avais totalement oublié d’inclure les classes requises par WordPress 2.5 et supérieur pour l’alignement des images avec l’éditeur… quel étourdi je fais!

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