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

Statut : non résolu

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

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

Auteur

Messages
19 janvier 2009 à 17 h 14 min #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!

25 janvier 2009 à 9 h 56 min #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 */

2 février 2009 à 9 h 31 min #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!
Auteur

Messages