mise en page pour l'impression

par **Berzemus** » 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).

par **riadh** » 29 oct. 2007, 12:26

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

par **Berzemus** » 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>

par **Victor BRITO** » 26 oct. 2007, 00:11

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

par AB » 25 oct. 2007, 23:35

font-size:13

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

par **Victor BRITO** » 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>

par **riadh** » 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>

par **Berzemus** » 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/
}

par **Victor BRITO** » 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.

par **Calimero** » 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.

par **riadh** » 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.

mise en page pour l'impression

Répondre

Étendre la vue Revue du sujet : mise en page pour l'impression

mise en page pour l'impression