Forum d'entraide PHPFrance

Bonjour, voilà j'ai un problème que je n'arrive pas à résoudre avec le pdf que je génère grâce à html2pdf
Je voudrais mettre du texte à gauche et à droite d'une même et unique ligne. J'ai beau chercher le meilleurs résultats que j'arrive à obtenir est un texte à gauche sur une première ligne et celui qui devrait s'aligner avec à droite sur la ligne du dessous.
J'obtiens ce résultat avec ce code mais le résultat ne me plait vraiment pas Avez vous une solution qui marche avec html2pdf ? (qui ne requière donc pas l'utilisation d'un fichier .css)

Tu peux appliquer des styles à tes balises HTML ?

<div style="[styles à appliquer]"></div>

Je pense que c'est faisable comme je peux utiliser la balise class et si mes souvenirs sont bons il est indiqué dans le wiki qu'on peut l'utiliser

Vas-y avec un display: flex, alors

Donc j'utilise un <div style='flex:right'> ? C'est ça

Donc j'utilise un <div style='flex:right'> ? C'est ça

Je dois faire une faite car ça ne marche pas

Donc j'utilise un <div style='flex:right'> ? C'est ça

Non, tu utilise la doc

https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Flexible_Box_Layout

En gros, rien qu'en mettant style="display:flex", ils vont se mettre à côté, à toi de voir si tu souhaite les centrer ou autre, je te laisse découvrir cette fonctionnalité complexe au premier abord mais bien pratique !

La DOC pour le CSS display :
https://developer.mozilla.org/fr/docs/Web/CSS/display

Un site sympa pour apprendre le flex :
http://flexboxfroggy.com/

malheureusement je ne peux pas utiliser de document css donc ta solution ne marche pas

C'est une règle CSS le display:flex, pas un document.

ah oui
bon bas je viens de voir on ne peux pas utiliser de display avec html2pdf

Grid, peut être ?

https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout

Malheureusement cela ne fait pas partie non plus de ce qui est autorisé (voilà un lien vers ce qui est autoriser https://github.com/spipu/html2pdf/blob/ ... oc/page.md)

Je l'ai vue, merci, il est bien inscrit dans le tableau : "style" => "css style"

Le tableau indique :

You can use the main following attributes:

Soit : Vous pouvez utiliser les principaux attributs suivants

La DOC pour l'attribut style est ici :

https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes/style

Malheureusement je n'arrive pas a utiliser grid pour ce que je veux faire

Je suis quasi certain que ceci fonctionne :

<div style="display:flex">
    <div>gauche</div>
    <div>droite</div>
</div>