Discussion :

[pascal_novasylva]

Bonjour, j'ai en ce moment un problème lorsque j'imprime un rapport produit avec php-mysql.

J'ai utilisé le css pour ajuster les tableaux pour l'impression, mais lorsque j'imprime plusieurs rapport au but de trois ou quatre rapport une ligne de mon tableau se dédouble et apparaît par dessus tout le reste et à partir de ce moment cette même ligne se décale à chacun des formulaires.

j'ai mis en pièce jointe quelques pages du rapport imprimer, on voit dans la seconde page la première ligne du tableau apparaît aussi un peut plus bas par-dessus la 4e ligne, sur la 4 page la ligne dédoublé apparaît maintenant par-dessus la 5e ligne (est-ce clair?).


est-ce que vous auriez une idée de ce qui pourrait poser ce problème

la ligne qui se dédouble est une <thead> pourtant il y en a d'autre dans les autre tableaux qui forme le rapport. entre chaque rapport j'utilise "page-break-before: always"

Merci de vos conseil
Pascal

[NoSmoking]

Bonjour,
ce que l'on observe c'est que à chaque fois que ta colonne n'est pas assez grande pour afficher le contenu sur une ligne cela engendre un désordre de tes lignes, par exemple « Evaluateur Alias » mais sans connaissance de comment tu pratiques difficile d'en dire plus !

[pascal_novasylva]

Merci beaucoup, NoSmoking,

c'est drôle à dire, mais je vois le patron, qui crée cette erreurs, mais je n'arrive pas à trouver le pourquoi,

Plusieurs fois dans me programme php il arrive qu'il y ai trop de texte pour une largeur de cellule de tableau, mais à ce moment le tableau s'écrit mal, mais c'est la première fois que je vois un dédoublement d'une ligne de tableau.

Lors de l'affichage à l'écran tout est beau, donc j'essai de me concentré sur le css media="print" (est-ce que j'ai raison?)

Voici la transcription de mon css :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
.info_activite thead, .info_historique  thead, .qr  thead{
   background-color: lightgrey;
   float:none;
}
.info_activite, .info_historique, .qr, .list_photo{
   margin:auto;
   border-collapse: collapse;
   float:none;
}
.info_historique, .qr, .list_photo , .info_activite{
   width:19cm;  
}
.info_activite  tr {
	float:none;
   border: 2px solid red;
   vertical-align: top; 
   width: 3cm;
   page-break-inside: avoid;
}
 .info_historique td {
   border: 2px solid red;
   vertical-align: top; 
   width: 5cm;
   page-break-inside: avoid;
}
 .qr td {
   border: 2px solid red;
   vertical-align: top; 
   width: 5cm;
   page-break-inside: avoid;
}
 .list_photo tr {
  height:400px;
   vertical-align: middle; 
   page-break-inside: avoid; 
}
.form-container{ 
   page-break-before: always; 
   page-break-inside: avoid;}

[Invité]

Bonjour,

à mon avis, la structure du code HTML est mal formée. (balises mal fermées ? ... ?)

Il faudrait voir la page en ligne...



N.B. Un code CSS sans le code HTML associé ne sert à rien.

[pascal_novasylva]

oups désolé, tu as raison,
j'ai vérifié que toute les balises s'ouvre et se ferme


J'ai peu-être trouvé une piste, lors de la construction des tableau j'utilise les balise <thead> et c'est cette ligne qui se dédouble, donc en enlevant la balise ça fonctionne, plus de problème, mais j'aime bien utilisé cette balise, car elle permet entre autre de ré-écrire le titre des colonnes sur chaque page, y-a-t-il un autre moyen de le faire?

Merci


Voici le code associé au css de mon post précédent:

Code :

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
$aa = (extract_info_act($no_act, $conn));
 
echo'<center><h2>Information de base du formulaire</h2></center>';
echo'<table  class="info_activite">';
echo'<thead><tr><td >Projet</td><td >Formulaire</td><td >ID</td><td >Alias</td><td >Version</td><td >Etat</td></tr></thead> ';
echo'<tbody><tr><td >'.$aa['projet'].'</td><td >'.$aa['activite'].'</td><td >'.$aa['id'].'</td><td >'.$aa['ALIAS'].'</td><td >'.$aa['version'].'</td><td >'.$_SESSION['etat_activite'][$aa['etat_activite']].'</td></tr></tbody>';
echo'<thead><tr><td >Élément</td><td >Date de début</td><td >Date de fin</td><td >Évaluateur</td><td >Latitude</td><td >Longitude</td></tr></thead> ';
echo'<tbody><tr><td >'.$aa['element'].'</td><td >'.$aa['date de debut'].'</td><td >'.$aa['date de fin'].'</td><td >'.$_SESSION['user_tablette'][$aa['utilisateur']].'</td><td >'.$aa['LATITUDE'].'</td><td >'.$aa['LONGITUDE'].'</td></tr></tbody>';
echo'<thead><tr><td colspan="6" align="center">Commentaires</td></tr></thead> ';
echo'<tbody><tr><td colspan="6">'. extract_comm_act($no_act, $conn).'&nbsp</td></tr></tbody> ';
echo'</table>';
 
$bb = (extract_hist($no_act, $conn));
echo'<center><h2>Historique des relevés</h2></center><table  class="info_historique">';
echo'<thead><tr><td >Date</td><td >Action</td><td >Utilisateur</td><td >Description</td></tr></thead> ';
echo'<tbody><tr><td >'.$bb['date'].'</td><td >'.$_SESSION['type_action'][$bb['action']].'</td><td >'.$_SESSION['user_tablette'][$bb['utilisateur']].'</td><td >'.$bb['description'].'</td></tr></tbody>';
echo'</table>';
 
$cc = (extract_question($no_act, $conn));
echo'<center><h2>Liste des questions-réponses</h2></center><table  class="QR">';
echo'<thead><tr><td >Question</td><td >Réponse</td><td >État</td><td >Commentaires</td></tr></thead> ';
while($etat = mysqli_fetch_array($cc)){
	echo'<tbody><tr><td >'.$etat['question'].'</td><td >'.$etat['reponse'].'</td><td >'.$_SESSION['type_etat_item'][$etat['etat']].'</td><td >'.$etat['commentaire'].'</td></tr></tbody> ';
}
echo'</table>';
 
$dd = (extract_photo($no_act, $conn));
$n=1;
echo'<table  class="list_photo">';
foreach ($dd as $nm_photo => $lien_url){
	if(file_exists($lien_url)) {
		$exif = exif_read_data($lien_url, 'IFD0');
		$ort = $exif['Orientation'];
 
		$css_rot = executerot($ort);
		switch ($n%3) {
		  case 1:
			echo' <tr> <td style="'.$css_rot[1].'"><img style="width: 350px; " alt="'.$nm_photo.'"
					src="'.$lien_url.'" '.$css_rot[0].' ></td>';
			break;
 
		  case 2:
			echo' <td style="'.$css_rot[1].'"><img style="width: 350px; " alt="'.$nm_photo.'"
					src="'.$lien_url.'" '.$css_rot[0].' ></td>';
			break;
 
		  case 3:
			echo' <td style="'.$css_rot[1].'"><img style="width: 350px; " alt="'.$nm_photo.'"
					src="'.$lien_url.'" '.$css_rot[0].' ></td></tr>';
			break;
		}
		$n++;
	}
}
if($n%3!=3){echo'</tr>';}
echo'</table>';
 
extract_act_enfant($tree['arbre_sousformulaire'], $no_act, $result_child_SF);// $result est le resultats de l'extraction
if (!empty($result_child_SF)){
	$liste_child = extrait_child2($result_child_SF);
	if (count($liste_child)>0){
		foreach($liste_child as $child){
				$ee = (extract_question($child, $conn));
				echo'<center>Bon de travail-'.$child.'</center>';
				echo'<table  class="QR">';
				echo'<thead><tr><td >Question</td><td >Réponse</td><td >État</td><td >Commentaires</td></tr></thead> ';
				while($etat = mysqli_fetch_array($ee)){
					echo'<tbody><tr><td >'.$etat['question'].'</td><td >'.$etat['reponse'].'</td><td >'.$_SESSION['type_etat_item'][$etat['etat']].'</td><td >'.$etat['commentaire'].'</td></tr></tbody> ';
				}
				echo'</table>';
		}
	}
}

[Invité]

Il est possible que la balise thead soit mal gérée.

N.B. dans un thead, on remplace les td par des th.