1

Bonjour à tous,

Je génère à la volée un PDF qui contient -entre autre- du code html généré par CKeditor.

<h2>Du texte du texte du texte du texte</h2>
<p><img alt="" src="http://example.com/dir/image1.jpg" style="float: right; width: 275px; height: 239px;" /></p>
<p>Du texte assez long pour toucher l'image mais tout va bien, il passe à la ligne</p>
<p><img alt="" src="http://example.com/dir/image2.jpg" style="float: right; width: 275px; height: 345px;" /></p>
<p>Du texte encore assez long, mais celui-ci survole l'image sans passer à la ligne.</p>
<p><img alt="" src="http://example.com/dir/image3.jpg" style="float: right; width: 275px; height: 128px;" /></p>
<p>Pareil que précédemment, le texte survole l'image sans passer à la ligne.</p>
...


Mon problème est que le texte passe au dessus de la deuxième image en float, ainsi que des suivantes.

D'où vient ce comportement ? Est-ce un bug, ou ai-je loupé quelque chose ?
Je poste le code complet sur demande.

Merci d'avance !



2

il ne faut pas mettre les images dans une balise P
Ancien pseudo : lolo

3

Merci de ta réponse Spipu.
Le truc dans mon cas, c'est que CK editor ajoute automatiquement une balise block (P) autour de n'importe quel élément en ligne.
Il me faut donc trouver une façon de l'enlever lors de la génération du PDF.
Sans compter qu'un élément en ligne seul (img) n'est pas valide W3C.
Une mise à jour serait certainement nécessaire.

4

D'ailleurs ça ne fonctionne toujours pas, même comme ça :
<h2>Du texte du texte du texte du texte</h2> 
<img alt="" src="http://example.com/dir/image1.jpg" style="float: right; width: 275px; height: 239px;" />
<p>Du texte assez long pour toucher l'image mais tout va bien, il passe à la ligne</p> 
<img alt="" src="http://example.com/dir/image2.jpg" style="float: right; width: 275px; height: 345px;" />
<p>Du texte encore assez long, mais celui-ci survole l'image sans passer à la ligne.</p> 
<img alt="" src="http://example.com/dir/image3.jpg" style="float: right; width: 275px; height: 128px;" />
<p>Pareil que précédemment, le texte survole l'image sans passer à la ligne.</p> 
... 

Si quelqu'un a trouvé la solution, qu'il m'en fasse part wink

edit: ça semble fonctionner avec une balise P. En revanche un UL LI passe toujours dessus l'image
<h2>Du texte du texte du texte du texte</h2> 
<img alt="" src="http://example.com/dir/image1.jpg" style="float: right; width: 275px; height: 239px;" />
<p>Du texte assez long pour toucher l'image mais tout va bien, il passe à la ligne</p> 
<img alt="" src="http://example.com/dir/image2.jpg" style="float: right; width: 275px; height: 345px;" />
<p>Du texte encore assez long, et celui-ci passe à la ligne aussi.</p> 
<img alt="" src="http://example.com/dir/image3.jpg" style="float: right; width: 275px; height: 128px;" />
<ul><li>Ici en revanche, le texte survole l'image sans passer à la ligne.</li></ul> 
...