Probléme d'écriture sur les images - Page 1

Bonjour a tous,
je débute avec html2pdf, bien util d'ailleur beau boulot

je rencontre un petit probléme de mise en page dans mon appli avec les balises src, les textes s'écrivent sur l'image comme si elle n'était pas la
(merci le super éditeur de texte de l'appli qui place des balise <p> pour un changement de ligne ..)
je me demandais donc si vous aviez une petite astuce pour définir un emplacement fixe de l'image pour ne pas afficher d'écriture au dessus sur le pdf.

Merci d'avance
BoomG

tu pourrais fournir un exemple d'HTML posant problème ?

<p><span style="color: #638c1f;"><span style="font-size: 12pt;"><strong>DESCRIPTION</strong></span></span></p>
<p><img style="float: left; margin: 10px;" src="/upload/useruploads/images/2picture_isard_pyrenees.jpg" border="0" width="200" height="200" />The chamois is unquestionably a legendary species in the Pyrenees. They are especially abundant on the steep slopes and in the forests of Southwestern France. The chamois is not easily approachable which makes it so popular amongst hunters who enjoy stalk hunting and mountain hunting.</p>
<p>Club Seasons Voyages offers you an amazing opportunity: chamois hunting with an experienced guide in one of the most beautiful regions of France. In addition to the chamois, it is possible, upon request, to combine this trip with deer hunting.</p>
<p>&nbsp;</p>


voila un petit morceau qui je pense sera explicite,
sur un fichier html il l'affiche correctement, mais sur le pdf il 'ecrase' l'image

avec quelle version exacte de html2pdf et de php ?

php5 et html2pdfv4.01

on dirait que le soucis provient d'une "mauvaise" gestion du float,
en l'utilisant sur un texte 'court' le float:right ne fonctionne pas,
sur une image seule, dans la base src, il l'agrandit a l'extréme mais ne la décalle pas a droite


alors que dans la balise src pour d'autres affichages, j'ai bien mon image a droite:

<p><span style="color: #638c1f;"><span style="font-size: 12pt;"><strong>CLUB SEASONS VOYAGES COMMENTS<img style="float: right; margin: 10px; border: 0pt none;" src="http://www.club-seasons-voyages.com/img/images-fiche-produit/DB.jpg" border="0" alt=" " title=" " width="200" height="208" /></strong></span></span></p>
<p>The breathtaking views of the Pyrenees makes it an ideal setting for chamois hunting. &nbsp;Chamois stalking can be laborious and difficult at times, but ultimately rewarding! This is a great opportunity to discover or rediscover mountain hunting!</p>
<p>&nbsp;</p>



edit:de la meme facon j'ai reussi a supperposer des textes ;(

je vais regarder ca.

par contre, php5, ce n'est pas une version exacte il y a encore 2 nombres derrière à donner...

php5.2.17 xD

au passage, tu aurais stp une petite indication de ligne où je pourrai interdire l'utilisation de la couleur blanc stp? ^^

interdire l'utilisation de la couleur blanc ??? comment ca ?

le background de mon site est foncé, j'ai donc forcé le texte en blanc autour de l'éditeur de texte cependant, mes chers utilisateurs ont reussis à reforcer une nouvelle fois en blanc à l'intérieur de l'éditeur de texte,
j'aurai donc besoin de modifier tout ce qui est écris en blanc, stocké dans la base de données, en noir xD

écrire en blanc, sur le fond blanc du pdf ca le fait pas xD

arf meme soucis de supperposition que le float avec les text-align ;(
pareil, on dirait que lors du décallage il ne gére pas la marge de gauche (et encore moins celle de droite) pour aller écrire à coté de la feuille ^^


edit: arf j'vais trop vite, le probléme de supperposition vient visiblement d'une image précédente, tout en haut du pdf,qui, il semblerait provoque un probleme de gestion d'emplacement sur le contenu qui suit

concernant tes pbs de couleur, ce n'est pas dans html2pdf qu'il faut l'implémenter, mais c'est à toi de modifier ton html via des regexp, en amont

pas bete uip meme si du coup un peu plus lourd au chargement, du moment que ca marche déja ^^
et visiblement t'as pas encore de réponse pour mon soucis de superposition ;(

pour recapepete mes soucis :
-float:right => semble tenter de s'afficher juste à droite des élements
-text-align:right => ne gére pas la marge gauche, qui du coup fini par écrire à droite de la feuille pdf
-<img> => semble entrainer la superposition de l'element suivant sur le suivant encore, si n'est pas suivi d'un <br> (ou seulment parcequ'il s'agit d'une petite image?)
/ n'impose que sa première ligne en hauteur ? || n'est reconnu entiérement que par l'élément qui le suit? || probléme 'général' aux balises "sans fermeture" ??


voila encore un bout de code qui devrait etre l'entete du document généré aprés requetes sur lequel j'ai fais mes tests, blindé de <p> qui ne doivent pas aider au bon fonctionnement ^^

<img src='./img/logo.jpg' width=50 length=50><div style='color: blue;text-align:right;font-size: 18px;'>Isard dans les Pyrénées<p>fin octobre &agrave; la fin f&eacute;vrier</p><p>2 jours de chasse &amp; 3 nuit&eacute;es</p></div><div style='color: green; text-align:right; font-size: 14px;'>707.000000<br>Grande densit&eacute; d'isards Guides passionn&eacute;s &amp; chevronn&eacute;s D&eacute;cor &agrave; couper le souffle Chasse en montagne inoubliable<br><ul><li>Grande densit&eacute; d'isards</li><li>Guides passionn&eacute;s &amp; chevronn&eacute;s</li><li>D&eacute;cor &agrave; couper le souffle</li><li>Chasse en montagne inoubliable</li></ul></div>



j'm'en reva essayer de bidouiller ca xD

ps:d'ailleur j'ai pu voir que pas mal de monde avait des soucis concernant l'affichage des images des balises src, personnellement me suis permis d'ajouter 3 petites lignes à la ligne 5008 (au tout début de la fonction) de html2pdf.class.php
(avec d'autres modifs pas tres catholiques pour une fois encore passer mon éditeur de texte de m.... ^^) doit falloir mettre quelque chose d'équivalent pour les balises <a>
$src = str_replace("\","/",$src);
$regexp = '|^./|'; // à déclarer en tant que variable globale
$src = preg_replace($regexp,'',$src);

concernant les images, ce que tu proposes est à éviter, ca ne fera qu'inciter les gens à mal coder, et c'est pour cela que je n'ajouterais jamais rien à ce niveau : "\" n'est PAS autorisé dans une url, et meme dans un chemin de fichier. il ne faut utiliser que "/" (même sous windows). et pour les chemins, il faut bien comprendre que ce n'est pas une page web que l'on fait, mais un PDF côté serveur, il n'y a plus de notion réellement d'urls ou autres, mais juste de path sur le serveur ! il n'y a plus de http et autres qui tiennent. On peut même directement générer un PDF en CLI, sans apache ou autre serveur web.

concernant le float, ce qui est bizarre, c'est que normalement ca marche sans trop de pb (cf exemple 4)

par contre, je n'aurais pas le temps de regarder cas tout de suite... bcp de manque de temps en ce moment !

oep je comprends
mais pour revenir en speed a ma toute premiére question ^^
tu n'as aucune astuce en tête pour empecher d'ecrire sur une image?

ben c'est ce que je dis : normalement ca marche, cf l'exemple 4

oe c'est bien les <p> en pagailles qui fusillent tout,
mais je dois faire avec .. ^^
et si je les fais sauter pour le pdf, je perds tous les retours a la ligne

je vais test remplacer </p> par <br> mais bon ^^

Hi jonewatson,
my problem is that i've to do with html created by an editor, who set <p></p> on every line ^^
and those <p> 'allow' to writte on other texts and images
i'd just create a function who delete all <p>
now it's work fine

c'est good ca marche !!
j'ai remis une fonction pour supprimer tous mes <p>, et spipu tu risques de ne pas l'apprécier xD

merci pour le coup de main
à la prochaine