CMS - alignement des images

[Zhadum]

Bonjour

 

Un truc tout bête, peut être que je n'ai pas saisi les subtilités de l'outil CMS, mais impossible pour moi d'aligner une image au centre dans un CMS.

Aucun problème pour l'aligner à gauche ou à droite, par contre elle se met par défaut à gauche quand je choisis "au centre".

Niveau code, lorsque j'utilise le wysiwyg pour l'aligner au centre, il me génère ceci:

<p><img style="display: block; margin-left: auto; margin-right: auto;" src="http://monsite.com/img/cms/mastupideimagequinesalignepas.jpg" alt="" width="300" height="225" /></p>

Je ne vois pas trop pourquoi elle ne se positionne pas correctement.

 

Quelqu'un peut-il m'éclairer?

Merci d'avance !

[Zhadum]

petit up...

[p.guerin]

même problème pour moi... quelqun??

[Quokka Web]

Bonjour,

 

Même problème, 2 ans plus tard...

J'utilise la version 1.6.1.6

Je remarque qu'à partir de l'éditeur CMS, lorsqu'on centre l'image, on a bien le code  

<p><img style="display: block; margin-left: auto; margin-right: auto;" src="http://monsite.com/i...esalignepas.jpg" alt="" width="300" height="225" /></p>

cependant quand on sauvegarde l'article, le display: block disparait...
Une idée?

Bon, finalement, j'ai débuggé ce problème parce que ça m'embêtait vraiment 

Pour faire simple, j'ai désactivé l'option Utiliser la bibliothèque HTMLPurifier dans Préférences/Générales. Il s'agit d'une librairie pour nettoyer le code HTML. Il faudrait aller dans le détail pour voir pourquoi cette librairie vire le display: block qui est tout à fait légitime mais c'est trop long.

Edited September 22, 2016 by titchagcreation (see edit history)

[lechapelier]

Bonjour,

 

Petite astuce, mettre l'image dans un tableau, vous aurez la possibilité de centrer 1 ou plusieurs images comme vous le souhaitez.

 

amusez vous bien

[Quokka Web]

Bonjour,

 

Petite astuce, mettre l'image dans un tableau, vous aurez la possibilité de centrer 1 ou plusieurs images comme vous le souhaitez.

 

amusez vous bien

Merci pour votre proposition cependant je souhaiterai éviter d'utiliser les tableaux pour la mise en forme. J'ai proposé une correction sur github par contre je suis pas sûr à 100% qu'elle soit bien prise en compte 

[p.guerin]

J'ai trouvé la solution pour ma part : un custom css bloquait l'alignement des images, je l'ai simplement enlevé et tout rentre dans l'ordre..!

[Quokka Web]

Pour contourner le problème, il est aussi possible d'éditer le code HTML et d'ajouter une classe pour aligner l'image comme on le souhaite mais je pense avant tout à mes clients qui n'ont pas de notion HTML et qui utiliseront que l'interface WYSIWIG pour écrire leurs articles.