Discussion :

[MelkInarian]

Bonjour à toutes et à tous,
Je voudrais imprimer un <div> qui contient un formulaire "papier".
En background CSS j'ai incorporé l'image de ce formulaire "papier".

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#Page1 {
	position : relative;
	width : 805px;
	height : 1142px; 
	margin: 0 auto; 
	font-family: "Nosferatu", "Bitstream Vera Serif", Norasi, serif;
	font-size: .8em;
	background-color:white;
	background-image:url(/0-Res/Img/_CthulhuPJ001.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-attachment:scroll;
	background-position:0 0;
	background-origin : padding-box;
	background-clip : content-box;
	border : 4px solid brown;
}

Sur une page php je positionne (je suis en train de le faire, c'est long!) les 120 champs issus d'une table MySQL au bons endroits.
Une fois la page complétée, je voudrais, si c'est possible, envoyer, par appui sur un bouton, le résultat vers un PDF.

J'ai regardé l'impression PDF en PHP, à ce sujet, j'ai lu la "Doc pour générer un pdf" ici https://php.developpez.com/cours/?pa...liotheques#pdf et ailleurs, mais l'image de fond ne semble pas traitée.

J'ai parcouru divers forums et aucun, de ceux que j'ai vu, ne parle d'une solution JavaScript aisée à mettre en œuvre.

Existe-t'il un "objet", une "méthode" ou une fonction JavaScript me permettant cette impression?
Merci

[MelkInarian]

J'ai essayé de ruser en mettant une balise <img> en premier dans mon div!
à l'écran tout semble aller bien puisque je positionne mes champs dans le fichier CSS.
Mais à l'impression (PDFCREATOR) je n'ai plus que l'image "de fond", pas les textes en surimpression à l'écran...
Les textes sont sur la page suivante...

[MelkInarian]

J'ai trouvé,
il suffisait de dupliquer dans ma feuille de styles, adaptée à l'impression, les coordonnées de chaque champ, comme pour la feuille adaptée à l'écran.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<link rel="stylesheet" type="text/css" href="/0-Res/CSS/CthulhuImprim.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="/0-Res/CSS/MaPagePrint.css" media="print"/><!--  -->

Il va me falloir les modifier car çà ne tombe pas juste, gros travail en perspective mais çà semble vouloir fonctionner.
merci