mise en page pour l'impression

25 oct. 2007, 10:52

Salut ;
J’essai de désactiver les fonctionnalités de mise en page de l’explorateur Internet pour définir mon propre mise en page (entête et pied de page, marges, orientation et format de papier). Et je n’arrive pas avec les feuilles de styles bien que j'ai suivi quelques exemple dans les tutoriaux et forums. Quelqu’un pourrai m’aider de plus et MERCI.

25 oct. 2007, 10:57

Bonjour,

Ce n'est pas faisable sur une page web. Pour avoir un meilleur contrôle du résultat à l'impression, tu peux passer par le format PDF.

25 oct. 2007, 12:26

Pour qu'une feuille de style s'applique à l'impression (média "print"), plusieurs possibilités se présentent :

- application de la règle @import appliquée au média concerné

Code : Tout sélectionner

<style type="text/css">
@import url('css-print.css') print;
</style>

Code : Tout sélectionner

<style type="text/css" media="print">
@import url('css-print.css');
</style>

- élément link

Code : Tout sélectionner

<link href="css-print.css" rel="stylesheet" type="text/css" media="print" />

- élément link appelant une feuille de style contenant une règle @import

Code : Tout sélectionner

<link href="css.css" rel="stylesheet" type="text/css" />

Contenu de css.css

Code : Tout sélectionner

/* D'autres règles CSS peuvent figurer */
@import url('css-print.css') print;

Afin de tenir compte des lacunes d'Internet Explorer, la deuxième possibilité est la meilleure.

25 oct. 2007, 13:52

Ou encore si tu veux tout garder dans une feuille de style:

Code : Tout sélectionner

/*css général*/

@media screen {
/* tout le css pour l'écran */
}

@media print {
/* et le css pour l'impression/
}

25 oct. 2007, 16:39

j'ai essayé ce code,mais toujours les marges défini par IE qui sont prise en compte:

Code : Tout sélectionner

<style type="text/css">
@media print { 
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;       }
td {font-size:13;
	font-family: Times New Roman;
}
p  {font-size:13;
	font-family: Times New Roman;
}
b  {font-size:13;
	font-family: Times New Roman;
}
</style>

25 oct. 2007, 18:45

Corrige le code comme suit :

Code : Tout sélectionner

<style type="text/css">
@media print {
  body { 
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;       }
  td {font-size:13;
	font-family: Times New Roman;
  }
  p  {font-size:13;
	font-family: Times New Roman;
  }
  b  {font-size:13;
	font-family: Times New Roman;
  }
}
</style>

25 oct. 2007, 23:35

font-size:13

Pas d'unité nécessaire ? Une particularité des media print ?

26 oct. 2007, 00:11

Il me semble qu'une unité est nécessaire.

26 oct. 2007, 09:38

Alors quelque chôse comme ceci

Code : Tout sélectionner

<style type="text/css">
@media print {
  body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size:14px     }

  td {
   font-size:1em;
   font-family: Times New Roman;
  }

  p  {
   font-size:1em;
   font-family: Times New Roman;
  }

  b  {
   font-size:1em;
   font-family: Times New Roman;
  }
}
</style>

29 oct. 2007, 12:26

Pour toutes ces possiblités les marges défini par l'explorateur sont prise en charges

29 oct. 2007, 13:16

eum, si tu parles des marges en bord de la feuille, sur une imprimante classique, il y a des marges minimum à respecter (on ne peut imprimer sur les bords).

mise en page pour l'impression

Qui est en ligne