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

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [RESOLU] texte à droite et gauche sur même ligne avec html2pdf

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 12 déc. 2022, 11:05

j'avais déjà essayé avec le float mais ça marche avec la position en absolu merci beaucoup je n'y avais pas pensé

Re: texte à droite et gauche sur même ligne avec html2pdf

par Spols » 12 déc. 2022, 11:02

As tu essayé un positionnement en absolu ? ou en float ?
<div style='position:relative'>
<div style='position:absolute;left:0;'>gauche</div>
<div style='position:absolute;right:0;'>droite</div>
</div>
OU
<div>
<div style='float:left;'>gauche</div>
<div style='float:right;'>droite</div>
</div>

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 12 déc. 2022, 10:29

Je viens d'essayer ce code mais le résultat est le même que juste avant

Code : Tout sélectionner

<div style='display:grid'> <div>gauche</div> <div>droite</div> </div>

Re: texte à droite et gauche sur même ligne avec html2pdf

par two3d » 12 déc. 2022, 08:24

Essayer le même code mais avec display:grid

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 12 déc. 2022, 01:48

je viens de faire un essai et cela m'écrit gauche et droite mais le gauche est bien a gauche mais sous celui ci il y a droite d'écrit (à gauche)

Re: texte à droite et gauche sur même ligne avec html2pdf

par two3d » 12 déc. 2022, 01:45

Je suis quasi certain que ceci fonctionne :
<div style="display:flex">
    <div>gauche</div>
    <div>droite</div>
</div>

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 12 déc. 2022, 01:39

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

Re: texte à droite et gauche sur même ligne avec html2pdf

par two3d » 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

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 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)

Re: texte à droite et gauche sur même ligne avec html2pdf

par two3d » 12 déc. 2022, 01:12

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 12 déc. 2022, 01:06

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

Re: texte à droite et gauche sur même ligne avec html2pdf

par two3d » 12 déc. 2022, 00:59

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

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 12 déc. 2022, 00:56

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

Re: texte à droite et gauche sur même ligne avec html2pdf

par two3d » 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/

Re: texte à droite et gauche sur même ligne avec html2pdf

par minwolf999 » 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