1

Bonjour,

Je rencontre actuellement un petit problème avec l'alignement des images dans le pdf généré.

Mon pdf est généré suite à l'écriture d'un article via un web editor (tinyMCE en l'occurence). Ce dernier me génère le code suivant :

<p style="text-align: center;">
<img title="xxx" src="xxx" alt="xxx" width="500" height="188" />
</p>

(Les xxx sont bien entendu remplacés par de vraies valeurs).

Mon image devrait donc être centrée au milieu de la page.
Or ce n'est pas le cas, elle se retrouve collée à gauche et je ne trouve pas de solution pour centrer celle-ci.

Quelqu'un a t-il une solution pour résoudre ce problème ?

Merci par avance.

2

le pb vient du fait que le P n'a pas de largeur précisée. Du coup, l'image est bien centrée, mais sur un contenu vide...

Si tu veux que ca marche, je te conseille de remplacer la balise P par une balise DIV, ou carrement de mettre le text-align:center dans le style de la balise PAGE

enfin, petit rappel :
Elle ne permet généralement pas la conversion directe d'une page HTML en PDF, ni la conversion du résultat d'un WYSIWYG en PDF.
Ancien pseudo : lolo

3

Spipu (./2) :
Si tu veux que ca marche, je te conseille de remplacer la balise P par une balise DIV, ou carrement de mettre le text-align:center dans le style de la balise PAGE


Avec une balise <div> ça fonctionne, mais cela me demande d'éditer manuellement le code html, ce qui risque d'être assez pénible sur les grands articles contenant de nombreuses photos.

Pour le "text-align:center" dans la balise <PAGE>, cela ne fonctionne pas dans mon cas.
En fait mes articles sont sous la forme suivante :

<p style="text-align:justify;"> blabla... </p>
<p style="text-align:justify;"> blabla... </p>
<p style="text-align:center;"><img src="" /></p>
<p style="text-align:justify;"> blabla... </p>

L'image est centrée uniquement dans le cas ou le paragraphe la contenant se retrouve en première position.
Ne pouvant pas me permettre de modifier cela, j'oublie cette solution.

Le problème vient du fait que mes paragraphes possèdent déjà des styles précis lors du traitement du code html.
J'ai essayé de modifier cela avec d'autres styles css ajoutés mais sans succès.

Donc je me contenterais surement de modifier les <p> en <div> manuellement. A moins que quelqu'un propose une autre solution ?


Je rencontre également un autre problème.

J'ai mis en place un header et un footer grâce aux balises spéciales <page_header> et <page_footer> et j'ai spécifié les hauteurs nécessaires grâce aux propriétés backtop et backbottom de la balise <page>.
Or, dans certains cas, je me retrouve avec du contenu qui "rentre" dans le footer (image ou texte).

Existe t-il une solution pour faire en sorte que le contenu s'affiche sur la page suivante si celui-ci ne peut tenir sur la page en cours ?

4

concernant ce 2em pb, il a été énoncé ici : topics/126743-v326-probleme-avec-backbottom

c'est une erreur de ma part sad, ca sera corrigé dans la prochaine version
Ancien pseudo : lolo

5

Ok, je vais faire la modification.

Merci pour ta rapidité et ton efficacité. Super boulot wink