[Résolu]Print quand tu nous tiens !!! Je craque !!!!!!!

Question

Gobelin

2 May 2007 à 17:20

Bonjour,

Je viens vers vous car je suis confronté à un problème de mise en page pour l'impression d'un formulaire qui est composé de DIV et de 2 grandes colonnes.
dans c'est 2 colonnes positionnées l'une à coté de l'autre j'ai plusieurs parties et je n'arrive pas à faire la feuille de style pour le print qui respecterai la présentation écran du formulaire.
Je souhaite qu'il soit possible de conserver les données rempli par le client si celui-ci la rempli lors de l'impression.
Lors de l'impression c'est le boxon !!
je ne comprends pas vraiment et j'ai beau remanier ma feuille de print, je n'arrive pas à trouver la solution.
J'ai été voir sur google les différentes pages qui parle du sujet mais je ne parviens pas à pouvoir arriver à corriger mon problème.
Et je ne peux pas mettre ici l'exemple de cette page car mon boss ne serai pas daccord, donc je ne peux que décrir mon problème....
je ne comprends pas pourquoi je ne peux pas partager verticalement ma page en 2 avec les 2 div qui contiennes les éléments de mon formulaire,
j'ai essayer avec ;


#cd01G, #cd02D {
	width: auto;
	margin: 0 5%;
	padding: 0;
	border: 0;
	float: none !important;
	color: black;
	background: transparent;
	text-align: left;
}

toujours le boxon lors de l'impression... En + cela varie suivant le nav et la configuration de l'imprimante du visiteur je suppose .... alors comment palier à cela ????

Merci de votre aide !!
Modifié par Gobelin (04 May 2007 - 17:07)

fvsch

2 May 2007 à 20:56

Pour la page en ligne, un peu d'imagination :

1 - Enregistrer la page HTML + CSS (+JS si besoin). Les navigateurs font en général plutôt bien ce genre de chose. Sinon, l'extension Scrapbook pour Firefox peut être intéressante.
2 - Vérifier que le problème se pose également avec cette copie.
3 - Anonymiser la page en virant les références à la société, au produit, au service, ... (logo et texte).
4 - Mettre en ligne et demander un coup de main.

Ça prend un peu de temps (20 minutes si on n'est pas organisé pour faire ça rapidement), mais pour un problème complexe ça vaut le coup.

En l'occurrence, avec tes quelques propriétés CSS qui se courent après et qui s'appliquent à un code HTML dont on ne voit pas la couleur, je doute que tu reçoives une aide efficace.

Gobelin

3 May 2007 à 10:19

Voici les sources de ma page, mes css des pages pour les différents nav et celle du print (celle qui me pose de gros problème).

Ma page du formulaire :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="css/pgst.css" media="screen" />
<link rel="stylesheet" type="text/css"  href="css/print01.css" media="print" />
</head>

<!--[if IE 6]><link type="text/css" rel="stylesheet" href="css/IE6/pgste601.css" /><![endif]-->
<!--[if IE 7]><link type="text/css" rel="stylesheet" href="css/IE7/pgste701.css" /><![endif]-->

<body id="crp">
<form action="" method="post">
  <div id="cdglease">
    <div id="cd01G">
      <div class="bdtrH">
        <div class="cdtxt">
          <h3 class="txtbl bdtrB">EMPRUNTEUR</h3>
        </div>
        <div class="tbl">
          <table class="espH01 textenormal12" width="355" border="0" cellspacing="2" cellpadding="1">
            <tr>
              <td class="pdl">Nom</td>
              <td><input name="nom" size="39" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Pr&eacute;nom</td>
              <td><input name="prenom" size="39" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Nationalit&eacute;</td>
              <td><input name="conjoint_nationalite" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Nom de jeune fille</td>
              <td><input name="conjoint_jeunef" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">N&eacute;(e) le</td>
              <td><input name="ne" size="10" maxlength="10" class="bgcl" />
                <span class="clg36 textenormal12">Format : JJ/MM/AAAA</span></td>
            </tr>
            <tr>
              <td class="pdl">&agrave;</td>
              <td><input name="ou" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Dpt ou Pays</td>
              <td><input name="dpt" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Votre profession</td>
              <td><input name="qualification" size="39" class="bgcl"></td>
            </tr>
            <tr>
              <td>Nom et adresse<br>
                de l'employeur</td>
              <td><textarea name="employeur" class="bgcl" rows="3" cols="29"></textarea></td>
            </tr>
            <tr>
              <td class="pdl">T&eacute;l&eacute;phone</td>
              <td><input name="emp_telephone" size="10" maxlength="10" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Date d'entr&eacute;e </td>
              <td>Mois :
                <input name="mois_entree" size="2" maxlength="2" class="bgcl">
                <span class="bgcl02">Ann&eacute;e :
                <input name="annee_entree" size="4" maxlength="4" class="bgcl">
                </span></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="bdtrH pdh">
        <div class="cdtxt">
          <h3 class="txtbl bdtrB">Votre situation de famille</h3>
        </div>
        <div class="tbl">
          <table border="0" cellpadding="0" cellspacing="0" width="355"  class="espH01 textenormal12">
            <tr>
              <td class="clg40"><input type="checkbox" name="situation" value="C"></td>
              <td>C&eacute;libataire</td>
              <td class="clg40"><input type="checkbox" name="situation" value="K">
              </td>
              <td>Vit maritalement</td>
            </tr>
            <tr>
              <td class="clg40"><input type="checkbox" name="situation" value="M"></td>
              <td>Mari&eacute;(e)</td>
              <td class="clg40"><input type="checkbox" name="situation" value="V"></td>
              <td>Veuf(ve)</td>
            </tr>
            <tr>
              <td class="clg40"><input type="checkbox" name="situation" value="P"></td>
              <td>Pacs&eacute;(e) (date du pacs)</td>
              <td class="clg40"><input type="checkbox" name="situation" value="D"></td>
              <td>Divorc&eacute;(e)-s&eacute;par&eacute;(e)</td>
            </tr>
          </table>
          <table border="0" cellpadding="0" cellspacing="1" width="355"  class="espH01 textenormal12">
            <tr>
              <td class="pdl">Nb d'enfants &agrave; charge</td>
              <td><input name="enfant" size="5" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">R&eacute;gime matrimonial</td>
              <td><input name="regime" size="30" maxlength="30" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">T&eacute;l.fixe</td>
              <td><input name="telephone" size="10" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">T&eacute;l portable</td>
              <td><input name="portable" size="10" class="bgcl"></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="bdtrH pdh">
        <div class="cdtxt">
          <h3 class="txtbl bdtrB">Votre habitation</h3>
        </div>
        <div class="tbl">
          <table border="0" cellpadding="0" cellspacing="1" width="355"  class="espH01 textenormal12">
            <tr>
              <td class="pdl"><input type="checkbox" name="habitation" value="P"></td>
              <td>Propri&eacute;taire</td>
              <td class="pdl"><input type="checkbox" name="habitation" value="F"></td>
              <td>Log&eacute;(e) par famille</td>
            </tr>
            <tr>
              <td class="pdl"><input type="checkbox" name="habitation" value="L"></td>
              <td>Locataire</td>
              <td class="pdl"><input type="checkbox" name="habitation" value="E"></td>
              <td>Log&eacute;(e) par employeur</td>
            </tr>
            <tr>
              <td class="pdl"><input type="checkbox" name="habitation" value="D"></td>
              <td>Divers</td>
              <td></td>
              <td></td>
            </tr>
          </table>
          <table border="0" cellpadding="0" cellspacing="1" width="355"  class="espH01 textenormal12">
            <tr>
              <td class="pdl" colspan="2">Depuis quelle date habitez-vous &agrave; l'adresse ?</td>
            </tr>
            <tr>
              <td class="pdl">Mois :
                <input name="mois_hab" size="2" maxlength="2" class="bgcl"></td>
              <td class="pdl">Ann&eacute;e :
                <input name="annee_hab" size="4" maxlength="4" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Votre adresse</td>
              <td class="pdl"><textarea name="adresse" class="bgcl" rows="3" cols="29"></textarea></td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <div id="cd02D">
      <div class="bdtrH">
        <div class="cdtxt">
          <h3 class="txtbl bdtrB">Votre conjoint</h3>
        </div>
        <div class="tbl">
          <table class="espH01 textenormal12" width="355" border="0" cellspacing="2" cellpadding="1">
            <tr>
              <td class="pdl">Nom</td>
              <td><input name="nom" size="39" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Pr&eacute;nom</td>
              <td><input name="prenom" size="39" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Nationalit&eacute;</td>
              <td><input name="conjoint_nationalite" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Nom de jeune fille</td>
              <td><input name="conjoint_jeunef" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">N&eacute;(e) le</td>
              <td><input name="ne" size="10" maxlength="10" class="bgcl" />
                <span class="clg36 textenormal12">Format : JJ/MM/AAAA</span></td>
            </tr>
            <tr>
              <td class="pdl">&agrave;</td>
              <td><input name="ou" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Dpt ou Pays</td>
              <td><input name="dpt" size="39" maxlength="35" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Votre profession</td>
              <td><input name="qualification" size="39" class="bgcl"></td>
            </tr>
            <tr>
              <td>Nom et adresse<br>
                de l'employeur</td>
              <td><textarea name="employeur" class="bgcl" rows="3" cols="29"></textarea></td>
            </tr>
            <tr>
              <td class="pdl">T&eacute;l&eacute;phone</td>
              <td><input name="emp_telephone" size="10" maxlength="10" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Date d'entr&eacute;e </td>
              <td>Mois :
                <input name="mois_entree" size="2" maxlength="2" class="bgcl">
                <span class="bgcl02">Ann&eacute;e :
                <input name="annee_entree" size="4" maxlength="4" class="bgcl">
                </span></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="bdtrH pdh">
        <div class="cdtxt">
          <h3 class="txtbl bdtrB">Votre budget</h3>
        </div>
        <div class="tbl">
          <table border="0" cellpadding="0" cellspacing="0" width="355" class="espH01 textenormal12">
            <tr>
              <td class="pdl">Votre salaire</td>
              <td class="algncel01"><input name="salaire" size="7" maxlength="7" class="bgcl" /></td>
              <td class="pdl">votre conjoint</td>
              <td class="algncel01"><input name="salaire_conjoint" size="7" maxlength="7" class="bgcl" /></td>
            </tr>
            <tr>
              <td class="pdl">Prestations sociales</td>
              <td class="algncel01"><input name="prestation" size="7" maxlength="7" class="bgcl" /></td>
              <td class="pdl">Autres revenus</td>
              <td class="algncel01"><input name="autre_revenu" size="7" maxlength="7" class="bgcl" /></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="bdtrH pdh">
        <div class="cdtxt">
          <h3 class="txtbl bdtrB">Votre situation de famille</h3>
        </div>
        <div class="tbl">
          <table border="0" cellpadding="0" cellspacing="0" width="355" class="espH01 textenormal12">
            <tr>
              <td></td>
              <td class="pdl">Nombre</td>
              <td class="pdl">Montant mensuel</td>
            </tr>
            <tr>
              <td class="pdl">Loyer ou pr&ecirc;ts immobilier(s)
                <p>sur habitation principale</p></td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="4" maxlength="8" class="bgcl"></td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="7" maxlength="8" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Autre(s) cr&eacute;dit(s) immobilier(s)</td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="4" maxlength="8" class="bgcl"></td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="7" maxlength="8" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Autre(s) cr&eacute;dit(s) en cours</td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="4" maxlength="8" class="bgcl"></td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="7" maxlength="8" class="bgcl"></td>
            </tr>
            <tr>
              <td class="pdl">Charges et pensions</td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="4" maxlength="8" class="bgcl"></td>
              <td class="algncel01"><input name="conjoint_emp_tel" size="7" maxlength="8" class="bgcl"></td>
            </tr>
          </table>
        </div>
      </div>
      <div class="bdtrH03 pdh">
        <div class="cdtxt">
          <h3 class="txtbl bdtrB">Votre Signature :</h3>
        </div>
        <div class="tblsgn">
          <div class="bdtrH02">
            <div class="tbl01"> </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mgtxtlea">
      <div class="lgtxt01">
        <p class="textenormal"> Je certifie sur l'honneur l'exactitude de l'ensemble des renseignements donn&eacute;s ci-dessus qui sont n&eacute;cessaires pour l'&eacute;tude de ma demande de financement. Les informations recueillies au titre de la pr&eacute;sente demande ont un caract&egrave;re obligatoire. En cas de non r&eacute;ponse, la demande pourra &ecirc;tre refus&eacute;e. Ces informations seront utilis&eacute;es par le bailleur, Cofica Bail, SA au capital de 12 800 000&euro; 399 181 924 RCS Paris, Si&egrave;ge social : 5, avenue Kl&eacute;ber &ndash; 75116 Paris, responsable du traitement, pour ses actions commerciales, l'octroi, la gestion et le recouvrement du financement. Vous disposez d'un droit d'acc&egrave;s, de rectification et d'opposition aupr&egrave;s du service Consommateurs du bailleur, BP 524 - 92595 Levallois Perret Cedex. </p>
      </div>
      <div class="prtGn"> <span class="prtpl prtG01">Impression du formulaire</span><span class="prtD"><a href="#" onClick="javascript:window.print()"><img class="imgprt" src="images/BoutonImprimer.gif" alt="" width="50" height="45" /></a></span> </div>
      <span class="fl01">
      <p class="textenormal12">Envoyez-le apr&egrave;s l'avoir compl&eacute;t&eacute; et sign&eacute;, avec les documents suivants par courrier &agrave; :</p>
      <p class="mgr01 textenormal12">La soci&eacute;t&eacute; .... </p>
      </span> </div>
    <div class="cdif">
      <div class="clg34 textenormal12"> <samp class="dc">DOCUMENTS A FOURNIR</samp>
        <ul class="limg clg38">
          <li>Une copie recto-verso de votre pi&egrave;ce d'identit&eacute; + celle de votre conjoint si vous &ecirc;tes mari&eacute; ou vivez maritalement.</li>
          <li>3 bulletins de salaire et le cas &eacute;ch&eacute;ant ceux de votre conjoint.</li>
          <li>1 relev&eacute; d'identit&eacute; bancaire</li>
          <li>Quittance de moins de 3 mois d'EDF ou TELECOM.</li>
          <li>La copie-&eacute;cran de l'offre internet.</li>
          <li>Le mandat sign&eacute; &agrave; demand&eacute; aupr&egrave;s de nos conseillers par t&eacute;l&eacute;phone et &agrave; nous retourner par courrier</li>
          <li>Un ch&egrave;que d'acompte de 10% &agrave; l'ordre de La soci&eacute;t&eacute;.</li>
          <br>
        </ul>
      </div>
    </div>
  </div>
</form>
</body>
</html>

Ma feuille css de ma page (pgst.css) :


/* CSS Document */

/* --------- Formulaire  ---------------- */

img {
	border:0;
	margin:0;
	padding:0;
}

#crp {
	background-color: #E6E6E6;
	text-align: left;
}

#prtG,{
	float: left;
	width: 355px;
	margin:0;
	padding:0;
}

#cdglease {
	float: left;
	width: 730px;
	border: 1px solid #2F406C;
}

h3.txtbl {
	margin: 0;
}

#cd01G {
	float: left;
	text-align: left;
	width: 355px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 2px;
	margin-top: 5px;
}

#cd02D {
	float: left;
	text-align: left;
	width: 355px;
	margin-bottom: 5px;
	padding-right: 0; /*5px*/
	margin-left: 5px; /*12px*/
	margin-right: 0;
	margin-top: 5px;
}

.cdtxt {
	float: left;
	width: 355px;
	height: 23px;
	line-height: 23px;
	text-align: left;
	vertical-align: middle;
	background-color: #2F406C;
}

.bdtrH {
	float: left;
	width: 355px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #2F406C;
}

.bdtrH02 {
	float: left;
	width: 355px;
	margin-top: 3px;
	padding: 0;
	border-bottom: 1px solid #2F406C;
}

.bdtrH03 {
	float: left;
	width: 355px;
	padding-top: 2px;
	border-top: 1px solid #2F406C;
	border-left: 1px solid #2F406C;
	border-right: 1px solid #2F406C;
}

.bdtrB {
	float: left;
	width: 351px;
	padding-bottom: 2px;
	border-bottom: 1px solid #2F406C; /*#E6E6E6;*/
}

.txtbl {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 3px;
	padding-left: 5px;
}

.espH01	{
	margin-top: 28px;
}

.tbl {
	float: left;
	width: 355px;
}

.clg40 {
	padding-left: 5px;
}

.tbl01 {
	float: left;
	width: 355px;
	height: 123px;
	background-color: #FFFFFF;
	padding 0;
	margin: 0;
}

.bgcl {
	background-color: #fdfdfd;
	border: 1px solid #7F9DB9;
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #2F406C;
}
.bgcl02 {
	padding-left: 15px;
}


.pdl {
	padding-left: 5px;
}

.pdh {
	margin-top: 10px;
}

.tblsgn {
	float: left;
	width: 355px;
}

.algncel01 {
	text-align: center;
	vertical-align:bottom;
	padding-top: 2px;
}

.mgtxtlea {
	float: left;
	width: 690px;
	margin-top: 5px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.prtpl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #466885;
	font-weight: normal;
	text-decoration: underline;
	padding-bottom: 3px;
	line-height: 45px;
}

.prtGn {
	float: left;
	width: 700px;
	text-align: left;
	margin-top: 10px;
}

.prtG01 {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	margin-left: 250px;
}

.prtD {
	display: block;
	float: left;
	width: 150px;
	text-align: left;
	padding-left: 5px;
}

.imgprt {
	float: left;
	margin-left: 10px;
}

.textenormal12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #466885;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 3px;
}

.textenormal12sg {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #466885;
	font-weight: bold; 
	text-decoration: underline;
}

.textenormal {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #466885; 
	text-align: left;
	text-decoration: none;
}

.fl01 {
	display: block;
	float: left;
	width: 480px;
	text-align: left;
}

.clg34 {
	float: left;
	width: 718px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color:#FFFFFF;
	border: 1px solid #2F406C;
}

.dc {
	display: block;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color:#FF0000;
	font-weight:bold;
	text-decoration: underline;
	margin-top: 10px;
	margin-left: 22px;
}

.lgtxt01{
	float: left;
	width: 670px;
	text-align: left;
	padding: 2px 10px;
}

Ma css pour IE6 (pgste601.css) :


/*--------- Formulaire  ---------------- */

#cdglease {
	float: left;
	width: 730px;
	border: 1px solid #2F406C;
	padding-bottom: 5px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

#cd01G {
	float: left;
	text-align: left;
	width: 355px;
	padding: 0;
	margin-bottom: 5px;
	margin-left: 2px;
	margin-right: 4px;
	margin-top: 5px;
}

#cd02D {
	float: left;
	text-align: left;
	width: 355px;
	padding: 0;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
}

.cdtxt {
	float: left;
	width: 355px;
	height: 23px;
	line-height: 23px;
	text-align: left;
	vertical-align: middle;
	margin: 0;
}

.bdtrB {
	float: left;
	width: 351px;
	padding-bottom: 2px;
	border-bottom: 1px solid #2F406C;
}

.tbl {
	float: left;
	width: 355px;
	padding: 0;
	margin-top: 2px;
	border-top: 1px solid #2F406C;
}

.tbl01 {
	float: left;
	width: 355px;
	height: 152px;
	background-color: #FFFFFF;
}

.bdtrB {
	float: left;
	width: 351px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.fl01 {
	display: block;
	float: left;
	width: 480px;
	text-align: left;
}

.prtGn {
	float: left;
	width: 700px;
	text-align: left;
	margin-top: 10px;
}

.prtG01 {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	margin-left: 90px;  /*250px;*/
}

.clg34 {
	float: left;
	width: 700px; /*718px;*/
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color:#FFFFFF;
	border: 1px solid #2F406C;
}

Ma css pour IE7 (pgste701.css) :


/*--------- Formulaire ---------------- */

#cdglease {
	float: left;
	width: 730px;
	border: 1px solid #2F406C;
	padding-bottom: 5px;
}

.tbl01 {
	float: left;
	width: 355px;
	height: 155px;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

.clg34 {
	float: left;
	width: 708px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-color:#FFFFFF;
	border: 1px solid #2F406C;
}

Ma feuille css pour le print (print01.css) :


/* CSS Document print01 formulaire */

body {
	background: white;
}

@page {
	size: 21.0cm 29.7cm;
	margin: 0;
	padding: 0;
}


#cd01G, #cd02D {
	width: auto;
	margin: 0 5%;
	padding: 0;
	border: 0;
	float: none !important;
	color: black;
	background: transparent;
	text-align: left;
}


.txtbl {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 3px;
	padding-left: 5px;
}

.bdtrB {
	display: none;
}

.cdtxt {
	float: left;
	width: 355px;
	height: 23px;
	line-height: 23px;
	text-align: left;
	vertical-align: middle;
}

.pdh {
	margin-top: 10px;
}

.fl01 {
	display: none;
}

.cdif {
	display: none;
}

.prtGn, {
	display: none;
}

Merci de votre aide !!!

Gobelin

4 May 2007 à 17:06

Bon, après une bonne nuit de sommeil, j'ai réussi à créer cette css print...

CSS c'est cool !

Sujet clos

CSS et mise en forme, CSS3

[Résolu]Print quand tu nous tiens !!! Je craque !!!!!!!