[RESOLU] texte à droite et gauche sur même ligne avec html2pdf

11 déc. 2022, 14:58

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

Code : Tout sélectionner

<page_header>
     <blockquote><h4><b>$eleven</b></h4>
      <div align='right'>Année scolaire 2022/2023</div>
      Classe de $classe</blockquote>
</page_header>

Avez vous une solution qui marche avec html2pdf ? (qui ne requière donc pas l'utilisation d'un fichier .css)

11 déc. 2022, 19:48

Tu peux appliquer des styles à tes balises HTML ?

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

11 déc. 2022, 23:43

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

12 déc. 2022, 00:04

Vas-y avec un display: flex, alors

12 déc. 2022, 00:13

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

12 déc. 2022, 00:17

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

Je dois faire une faite car ça ne marche pas

12 déc. 2022, 00:20

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/

12 déc. 2022, 00:56

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

12 déc. 2022, 00:59

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

12 déc. 2022, 01:06

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

12 déc. 2022, 01:12

Grid, peut être ?

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

12 déc. 2022, 01:21

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)

12 déc. 2022, 01:33

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

12 déc. 2022, 01:39

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

12 déc. 2022, 01:45

Je suis quasi certain que ceci fonctionne :

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

[RESOLU] texte à droite et gauche sur même ligne avec html2pdf

Qui est en ligne