Page 1 sur 1
mise en page pour l'impression
Posté : 25 oct. 2007, 10:52
par riadh
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.
Posté : 25 oct. 2007, 10:57
par Calimero
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.
Posté : 25 oct. 2007, 12:26
par Victor BRITO
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
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.
Posté : 25 oct. 2007, 13:52
par Berzemus
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/
}
Posté : 25 oct. 2007, 16:39
par riadh
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>
Posté : 25 oct. 2007, 18:45
par Victor BRITO
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>
Posté : 25 oct. 2007, 23:35
par AB
font-size:13
Pas d'unité nécessaire ? Une particularité des media print ?
Posté : 26 oct. 2007, 00:11
par Victor BRITO
Il me semble qu'une unité est nécessaire.
Posté : 26 oct. 2007, 09:38
par Berzemus
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>
Posté : 29 oct. 2007, 12:26
par riadh
Pour toutes ces possiblités les marges défini par l'explorateur sont prise en charges
Posté : 29 oct. 2007, 13:16
par Berzemus
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).