Bonjour,
Je conçois une page web permettant de mettre en forme un tableau d'états pour l'imprimer. On peut avoir plusieurs centaines de résultats, et lorsque la liste prend plusieurs pages à l'impression, j'ai utilisé une balise <THEAD> pour réafficher la première ligne de mon tableau (les titres) sur chaque page.
Le problème est que depuis que j'ai ajouté cette balise à mon code, les bordures verticales de mon tableau disparaissent à partir de la deuxième page.
-> sur la première page, le rendu est parfait
-> sur les autres pages, les bordures horizontales sont respectées
Je planche dessus depuis plusieurs jours sans comprendre d'où peut venir mon problème, donc merci d'avance si vous avez des idées.
Voici le code source de la page (j'ai supprimé quelques parties inintéressantes)
et voici ma feuille de style
Je conçois une page web permettant de mettre en forme un tableau d'états pour l'imprimer. On peut avoir plusieurs centaines de résultats, et lorsque la liste prend plusieurs pages à l'impression, j'ai utilisé une balise <THEAD> pour réafficher la première ligne de mon tableau (les titres) sur chaque page.
Le problème est que depuis que j'ai ajouté cette balise à mon code, les bordures verticales de mon tableau disparaissent à partir de la deuxième page.
-> sur la première page, le rendu est parfait
-> sur les autres pages, les bordures horizontales sont respectées
Je planche dessus depuis plusieurs jours sans comprendre d'où peut venir mon problème, donc merci d'avance si vous avez des idées.
Voici le code source de la page (j'ai supprimé quelques parties inintéressantes)
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel=stylesheet media="screen,print" type="text/css" title="Design" href="/design/apercu.css" />
<link rel=stylesheet media="print" type="text/css" title="Design" href="/design/print.css" />
<!--[if IE]>
<link rel=stylesheet media="screen,print" type="text/css" title="Design" href="/design/design_ie.css" />
<![endif]-->
</head>
<body>
<div id="all">
<div id="menu">
<a href="javascript:window.print()" title="Imprimer le tableau">
<span>
Imprimer
</span>
</a>
<a href="print_tri.php?affichage=non#bloc_recherche" onclick="this.blur();">
<SPAN>
Fermer le menu de recherche
</SPAN>
</a>
<a href="print_tri.php?dossier=ok" onclick="this.blur();" title="Afficher ArmoireV2C/5- Etudes EXE/02 Gros-oeuvre/1- Plans">
<SPAN>
Revenir au contenu du dossier
</SPAN>
</a>
<a href="print_tri.php?tri=tri_par_cle" onclick="this.blur();" title="Trier les documents dans l'ordre initial">
<SPAN>
Tri d'origine
</SPAN>
</a>
<a href="#bloc_recherche">
<SPAN>
Rechercher
</SPAN>
</a>
<a href="#">
<SPAN>
Afficher les résultats
</SPAN>
</a>
</div>
<div id="corps">
<div id="accueil">
<div id="droite">
<h1>
Boulogne - Ilot V2C
<br />
Aperçu avant Impression
<br />
</h1>
<hr />
<div id="liste">
<div id='resume_recherche'>
<span class="nb_fichiers_rech" title="0 dossier 134 fichiers">
134 éléments
</span>
dans le répertoire :
<SPAN class="chemin_rep">
ArmoireV2C/5- Etudes EXE/02 Gros-oeuvre/1- Plans
</SPAN>
</p>
</div>
</p>
<form method="post" action="print_tri.php">
<div id="boutons_superieurs">
<div id="boutons_haut">
<div id="boutons_gauche">
<a href="print_tri.php?cocher=dossier" class="not_print lien_invisible">
<input type="button"
value="cacher les dossiers"
class="bouton_selection_gauche bouton_simple largeur_bouton_1">
</a>
<a href="print_tri.php?cocher=fichier" class="not_print lien_invisible">
<input type="button"
value="cacher les fichiers"
class="bouton_selection_gauche bouton_simple largeur_bouton_1">
</a>
</div>
<div id="boutons_droite">
<a href="print_tri.php?cocher=tout" class="not_print lien_invisible">
<input type="button"
value="Tout cocher"
class="bouton_selection_droite bouton_cocher largeur_bouton_1">
</a>
<a href="print_tri.php?cocher=rien" class="not_print lien_invisible">
<input type="button"
value="Tout décocher"
class="bouton_selection_droite bouton_simple largeur_bouton_1">
</a>
<a href="print_tri.php?cocher=inverse" class="not_print lien_invisible">
<input type="button"
value="Inverser la sélection"
class="bouton_selection_droite bouton_simple largeur_bouton_1">
</a>
</div>
<div id="bas">
</div>
</div>
</div>
<div id="liste_print">
<table class="liste_docs">
<THEAD class="bordure_inf">
<tr class="ligne_en_tete en_tete">
<th class="nom_colonne num_ligne_titre">
n°
</th>
<th class="lien_nom">
<a href="print_tri.php?tri=cod"
title="Trier les documents par Codification"
class="nom_colonne">
Codification
</a>
</th>
<th class="date">
<a href="print_tri.php?tri=date"
title="Trier les documents par Date"
class="nom_colonne">
Date Doc
</a>
</th>
<th class="titre">
<a href="print_tri.php?tri=titre"
title="Trier les documents par Titre"
class="nom_colonne">
Titre
</a>
</th>
<th colspan=2 class="lien">
<SPAN class="nom_colonne">
Fichiers
</SPAN>
</th>
<th class="date_envoi">
<a href="print_tri.php?tri=date_envoi"
title="Trier les documents par date de dernière modification"
class="nom_colonne">
Date d'envoi
</a>
</th>
<th class="etat">
<a href="print_tri.php?tri=etat"
title="Trier les documents par Etat"
class="nom_colonne">
Etat
</a>
</th>
<th class="date_etat">
<a href="print_tri.php?tri=date_etat"
title="Trier les documents par date de modification de l'état"
class="nom_colonne">
Date d'état
</a>
</th>
<th class="cacher">
<SPAN class="nom_colonne not_print">
</SPAN>
</th>
</tr>
<tr class="ligne_invisible">
</tr>
</THEAD>
<TBODY>
<tr class="new_emet ">
<td class="num_ligne">
1
</td>
<td class="lien_nom largeur_30car">
V2C_EXE_CEB_02_ARM_S2_0099_0
</td>
<td class="date">
15/05/2009
</td>
<td class="titre">
PH 2EME SOUS-SOL - POUTRE DE COURONNEMENT - ARMATURES
</td>
<td class="lien case_pdf">
<span>
.pdf
</span>
</td>
<td class="lien">
<span>
</td>
<td class="date_envoi">
28/05/2009
</td>
<td class="etat">
RTA
</td>
<td class="date_etat">
28/05/2009
</td>
<td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_0"
title="cocher pour ne pas imprimer la ligner"
id="ligne_0"/>
</td>
</tr>
<tr class="new_emet "><td class="num_ligne">2</td><td class="lien_nom largeur_30car">
V2C_EXE_CEL_02_PLN_S1_0001_B
</td><td class="date">23/06/2009</td><td class="titre">
ILOT V2C - EXECUTION - NIVEAU RADIER 1ER SOUS-SOL - CANALISATIONS SOUS RADIER
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">02/07/2009</td><td class="etat">VSC</td><td class="date_etat">17/07/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_1"
title="cocher pour ne pas imprimer la ligner"
id="ligne_1"/> </td></tr>
<tr><td class="num_ligne">3</td><td class="lien_nom largeur_30car">
V2C_EXE_CEL_02_PLN_S4_0002_E
</td><td class="date">03/09/2009</td><td class="titre">
ILOT V2C - EXECUTION - NIVEAU RADIER 4EME SOUS-SOL - CANALISATIONS ENTERREES DANS RADIER
</td><td class="lien case_pdf">
</td><td class="lien">
<span>
</td><td class="date_envoi">17/09/2009</td><td class="etat">VSO</td><td class="date_etat">01/10/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_2"
title="cocher pour ne pas imprimer la ligner"
id="ligne_2"/> </td></tr>
<tr><td class="num_ligne">4</td><td class="lien_nom largeur_30car">
V2C_EXE_CEL_02_PLN_RC_0003_E
</td><td class="date">11/02/2010</td><td class="titre">
ILOT V2C - EXECUTION - PUITS CANADIEN 1ERE NAPPE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">11/03/2010</td><td class="etat">VSC</td><td class="date_etat">16/03/2010</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_3"
title="cocher pour ne pas imprimer la ligner"
id="ligne_3"/> </td></tr>
<tr><td class="num_ligne">5</td><td class="lien_nom largeur_30car">
V2C_EXE_CEL_02_PLN_RC_0004_E
</td><td class="date">11/02/2010</td><td class="titre">
ILOT V2C - EXECUTION - PUITS CANADIEN 2EME NAPPE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>
</td><td class="date_envoi">11/03/2010</td><td class="etat">VSO</td><td class="date_etat">16/03/2010</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_4"
title="cocher pour ne pas imprimer la ligner"
id="ligne_4"/> </td></tr>
<tr class="new_emet "><td class="num_ligne">6</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_FD_0001_A
</td><td class="date">23/07/2009</td><td class="titre">
ILOT V2C - EXECUTION - RADIER PL BAS 4EME SOUS-SOL - ZONE 2 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">30/07/2009</td><td class="etat">VSO</td><td class="date_etat">30/07/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_5"
title="cocher pour ne pas imprimer la ligner"
id="ligne_5"/> </td></tr>
<tr><td class="num_ligne">7</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_FO_0002_0
</td><td class="date">25/06/2009</td><td class="titre">
ILOT V2C - EXECUTION - RADIER PL BAS 4EME SOUS-SOL - ZONE 2 - COUPES ET DETAILS
</td><td class="lien case_pdf">
</td><td class="lien">
<span>
</td><td class="date_envoi">02/07/2009</td><td class="etat">OBS</td><td class="date_etat">17/07/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_6"
title="cocher pour ne pas imprimer la ligner"
id="ligne_6"/> </td></tr>
<tr><td class="num_ligne">8</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_S4_0003_C
</td><td class="date">08/09/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 4EME SOUS-SOL - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">24/09/2009</td><td class="etat">OBS</td><td class="date_etat">01/10/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_7"
title="cocher pour ne pas imprimer la ligner"
id="ligne_7"/> </td></tr>
<tr><td class="num_ligne">9</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_S4_0004_C
</td><td class="date">08/09/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 4EME SOUS-SOL - COUPES ET DETAILS - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>
</td><td class="date_envoi">24/09/2009</td><td class="etat">OBS</td><td class="date_etat">01/10/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_8"
title="cocher pour ne pas imprimer la ligner"
id="ligne_8"/> </td></tr>
<tr><td class="num_ligne">10</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_S3_0005_D
</td><td class="date">02/10/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 3EME SOUS-SOL - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">15/10/2009</td><td class="etat">OBS</td><td class="date_etat">04/11/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_9"
title="cocher pour ne pas imprimer la ligner"
id="ligne_9"/> </td></tr>
<tr><td class="num_ligne">11</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_S3_0006_B
</td><td class="date">09/09/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 3EME SOUS-SOL - COUPES ET DETAILS - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>
</td><td class="date_envoi">24/09/2009</td><td class="etat">VSO</td><td class="date_etat">01/10/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_10"
title="cocher pour ne pas imprimer la ligner"
id="ligne_10"/> </td></tr>
<tr><td class="num_ligne">12</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_S2_0007_B
</td><td class="date">22/07/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 2EME SOUS-SOL - ZONE 1 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">30/07/2009</td><td class="etat">OBS</td><td class="date_etat">30/07/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_11"
title="cocher pour ne pas imprimer la ligner"
id="ligne_11"/> </td></tr>
<tr><td class="num_ligne">13</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_S2_0008_C
</td><td class="date">01/10/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 2EME SOUS-SOL - ZONE 2 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">15/10/2009</td><td class="etat">OBS</td><td class="date_etat">04/11/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_12"
title="cocher pour ne pas imprimer la ligner"
id="ligne_12"/> </td></tr>
<tr><td class="num_ligne">14</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_S2_0009_D
</td><td class="date">01/10/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 2EME SOUS-SOL - ZONES 1 ET 2 - COUPES ET DETAILS - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>
</td><td class="date_envoi">15/10/2009</td><td class="etat">VSC</td><td class="date_etat">04/11/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_13"
title="cocher pour ne pas imprimer la ligner"
id="ligne_13"/> </td></tr>
<tr><td class="num_ligne">15</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_S1_0010_D
</td><td class="date">15/10/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 1ER SOUS-SOL - ZONE 1 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">22/10/2009</td><td class="etat">VSC</td><td class="date_etat">18/11/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_14"
title="cocher pour ne pas imprimer la ligner"
id="ligne_14"/> </td></tr>
<tr><td class="num_ligne">16</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_S1_0011_C
</td><td class="date">24/10/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 1ER SOUS-SOL - ZONE 2 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">29/10/2009</td><td class="etat">VSC</td><td class="date_etat">18/11/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_15"
title="cocher pour ne pas imprimer la ligner"
id="ligne_15"/> </td></tr>
<tr><td class="num_ligne">17</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_S1_0012_E
</td><td class="date">24/10/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 1ER SOUS-SOL - ZONES 1 ET 2 - COUPES ET DETAILS - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">29/10/2009</td><td class="etat">OBS</td><td class="date_etat">18/11/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_16"
title="cocher pour ne pas imprimer la ligner"
id="ligne_16"/> </td></tr>
<tr><td class="num_ligne">18</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_RC_0013_E
</td><td class="date">03/12/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH RDC - ZONE 1 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>
</td><td class="date_envoi">07/01/2010</td><td class="etat">OBS</td><td class="date_etat">20/01/2010</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_17"
title="cocher pour ne pas imprimer la ligner"
id="ligne_17"/> </td></tr>
<tr><td class="num_ligne">19</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_RC_0014_D
</td><td class="date">12/11/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH RDC - ZONE 2 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">30/11/2009</td><td class="etat">OBS</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_18"
title="cocher pour ne pas imprimer la ligner"
id="ligne_18"/> </td></tr>
<tr><td class="num_ligne">20</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_RC_0015_B
</td><td class="date">03/11/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH RDC - ZONES 1 ET 2 - COUPES ET DETAILS - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">12/11/2009</td><td class="etat">OBS</td><td class="date_etat">18/11/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_19"
title="cocher pour ne pas imprimer la ligner"
id="ligne_19"/> </td></tr>
<tr><td class="num_ligne">21</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_+1_0016_A
</td><td class="date">16/11/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 1ER ETAGE - ZONE 1 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">03/12/2009</td><td class="etat">VSO</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_20"
title="cocher pour ne pas imprimer la ligner"
id="ligne_20"/> </td></tr>
<tr><td class="num_ligne">22</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_+1_0017_A
</td><td class="date">19/11/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 1ER ETAGE - ZONE 2 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">03/12/2009</td><td class="etat">VSO</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_21"
title="cocher pour ne pas imprimer la ligner"
id="ligne_21"/> </td></tr>
<tr><td class="num_ligne">23</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_+1_0018_0
</td><td class="date">13/11/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH DU 1ER ETAGE - COUPES ET DETAILS - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">03/12/2009</td><td class="etat">VSC</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_22"
title="cocher pour ne pas imprimer la ligner"
id="ligne_22"/> </td></tr>
<tr><td class="num_ligne">24</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_+2_0019_A
</td><td class="date">07/12/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 2EME ETAGE - ZONE 1 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">17/12/2009</td><td class="etat">MAD</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_23"
title="cocher pour ne pas imprimer la ligner"
id="ligne_23"/> </td></tr>
<tr><td class="num_ligne">25</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_+2_0020_A
</td><td class="date">07/12/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 2EME ETAGE - ZONE 2 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">17/12/2009</td><td class="etat">MAD</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_24"
title="cocher pour ne pas imprimer la ligner"
id="ligne_24"/> </td></tr>
<tr><td class="num_ligne">26</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_CPE_+2_0021_0
</td><td class="date">18/11/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH DU 2EME ETAGE - COUPES ET DETAILS - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">03/12/2009</td><td class="etat">VSC</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_25"
title="cocher pour ne pas imprimer la ligner"
id="ligne_25"/> </td></tr>
<tr><td class="num_ligne">27</td><td class="lien_nom largeur_30car">
V2C_EXE_CPI_02_COF_+3_0022_A
</td><td class="date">07/12/2009</td><td class="titre">
ILOT V2C - EXECUTION - PH 3EME ETAGE - ZONE 1 - COFFRAGE
</td><td class="lien case_pdf">
</td><td class="lien">
<span>.dwg</span>
</td><td class="date_envoi">17/12/2009</td><td class="etat">MAD</td><td class="date_etat">17/12/2009</td><td class="case_not_print not_print">
<input type="checkbox"
name="ligne_f_26"
title="cocher pour ne pas imprimer la ligner"
id="ligne_26"/>
</td>
</tr>
</TBODY>
</table>
<SPAN class="submit_cacher_ligne">
<input type="submit"
class="not_print bouton_simple largeur_bouton_2"
name="cacher_lignes"
value="Mettre à jour les lignes du tableau"/>
</SPAN>
<div class="bas">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
et voici ma feuille de style
/*****************************************************************************/
/************************ Mise en page de l'apperçu *************************/
/*****************************************************************************/
@import url("recherche.css");
/*-------------------------------------------*/
/* Spécificités de la page */
/*-------------------------------------------*/
#all
{
/* ses paramètres ont été transférés au conteneur "corps" */
}
body
{
size:landscape;
width : 29.7cm;
font-size: 12pt;
font-family : Arial, Trebuchet, Verdana, "Times New Roman", serif;
background:#110064; /* bleu foncé */
margin-top:1.2cm; /*marge supérieure*/
margin-bottom:1cm; /*marge inférieur*/
margin-left:auto; /*marge gauche*/
margin-right:auto; /*marge droite*/
orphans:5; /*pour éviter les lignes orphelines, on impose minimum 5 lignes par page*/
widows:5; /*pour éviter les lignes veuves, on impose minimum 5 lignes par page*/
}
#corps
/*mise en forme par défaut de tous les éléments du corps*/
{
padding-bottom : 5px;
text-align : justify;
position : relative;
z-index : 3;
background:#ffecb2; /* fond : jaune-orange */
border-style:dotted ;
border-color:#9b9b9b;
border-width:1.5px;
}
/***********************************************************************************************************************************************************/
/*-------------------------------------------*/
/* Mise en forme de la liste de documents */
/*-------------------------------------------*/
#liste_print table .dossier
/* Mise en forme des dossiers (ou chemins) sur la page d'impression */
{
color : black;
font-style:italic;
text-indent:5px;
}
#liste_print table .dossier:after
/* Précision sur la nature de l'élement : un dossier */
{
content:" (dossier)";
}
#liste_print table .dossier_bg
/* les dossiers ont une couleur différente pour les différencier */
{
background:#e4dfff ;
}
#liste_print table .lien_nom
/* Mise en forme des Codifications de documents */
{
color : #222222;
/* max-width: 8cm; */
overflow:hidden;
}
#liste_print .date,#liste_print .date_etat,#liste_print .date_envoi
/* Mise en forme des dates*/
{
text-align:center;
width:2.5cm;
font-size:85%;
}
#liste_print table .titre
/* Mise en forme des titres des documents */
{
color:blue;
max-width: 5.7cm;
overflow:hidden;
white-space:nowrap;
}
#liste_print table .case_pdf
/* Supprime la bordure entre les deux cases de fichiers (pdf et natif) */
{
border-right: 1px solid white;
}
#liste_print table .lien
/* Mise en forme des ".pdf", ".zip", ".doc" etc. */
{
text-align:center;
color:gray;
width:1.3cm;
}
#liste_print table .etat
/* Mise en forme des états */
{
text-align:center;
width:1.4cm;
}
#liste_print .cacher
/* Largeur de la dernière colonne */
{
width:0.6cm;
}
.num_ligne
/* Police des numéro (première colonne) */
{
font-size:10pt;
color:#bababa;
text-align:center;
}
/***********************************************************************************************************************************************************/
/*-------------------------------------------*/
/* Mise en forme des titres de colonnes */
/*-------------------------------------------*/
.nom_colonne
/* Police de la ligne d'en-tête du tableau */
{
color:blue;
font-weight:bold;
text-align:center;
text-decoration:none;
font-size:15pt;
}
.ligne_en_tete
/* formatage de la première ligne du tableau */
{
background:#fff2cb;
height: 1.8cm;
padding-bottom:5px;
padding-top:3px;
}
.cases_en_tete
/* Spécificités de la premiere ligne du tableau (les titres) */
{
background:#fff2cb;
height: 1.8cm;
padding-bottom:5px;
padding-top:3px;
}
.num_ligne_titre
/* Largeur de la première colonne (numéro de ligne) */
{
width:0.8cm;
}
.ligne_invisible
{
height:0.1cm;
background:#fff2cb;
}
/***********************************************************************************************************************************************************/
/*-------------------------------------------*/
/* Boutons de selection, en haut du tableau */
/*-------------------------------------------*/
.bouton_selection_gauche,.bouton_selection_droite
{
display:block;
margin-bottom:2px;
}
#boutons_haut
{
display:block;
margin-bottom:20px;
}
#boutons_gauche
{
float:left;
height:auto;
}
#boutons_droite
{
float:right;
height:auto;
}
#bas
{
clear:both;
}
/***********************************************************************************************************************************************************/
/*-------------------------------------------*/
/* Mise en forme du tableau */
/*-------------------------------------------*/
#liste_print table
/* Mise en forme du tableau : bordure, fond, cellules ... */
{
/* border-width:6px; */
border-width:10px;
border-style:outset ;
/* border-color:black; */
/* border-color:#ffe48d; */
border-color:#696969;
background:white;
width:100%;
border-collapse : collapse;
}
#liste_print table td
/* Séparations entre les lignes du tableau et alignement vertical */
{
border : 1px solid #969696;
vertical-align : middle;
font-family: "Lucida console","Courier new","serif";
}
#liste_print td
/* Hauteurs de lignes (marges internes hautes et basses) */
{
padding-bottom:3px;
padding-top:3px;
}
#liste_print table .new_emet td
/* Séparateur entre les différents émetteurs des documents */
{
border-top : 5px double #777777;
}
.case_not_print
{
text-align:center;
}
.submit_cacher_ligne
/* Bouton de bas de tableau "mettre à jour les lignes du tableau" */
{
float:right;
height:30px;
}
.ligne_non_imprimee
/* lignes du tableau séléctionnées pour non impression */
{
background:gray;
text-decoration: line-through;
}