Bonjour à tous,
j'ai fait une feuille de style print pour mon site perso.
Mon problème est que l'impression comporte deux pages alors que le contenu à imprimer tient sur une seule page (j'ai essayé de réduire aussi le contenu en pensant que j'étais à la limite).
La seconde page est blanche sauf en tête et pied de page avec le <title> et l'adresse.
est-il possible den'imprimer q'une seule page?
merci yan
la page à imprimer est la suivante:
http://recette-glace-sorbet.fr/page%20type%20recette.html
Mon CSS
Modifié par truitas (19 Aug 2012 - 15:48)
j'ai fait une feuille de style print pour mon site perso.
Mon problème est que l'impression comporte deux pages alors que le contenu à imprimer tient sur une seule page (j'ai essayé de réduire aussi le contenu en pensant que j'étais à la limite).
La seconde page est blanche sauf en tête et pied de page avec le <title> et l'adresse.
est-il possible den'imprimer q'une seule page?
merci yan
la page à imprimer est la suivante:
http://recette-glace-sorbet.fr/page%20type%20recette.html
Mon CSS
q {quotes: none}
q:before, q:after {content: ""}
header h1, header nav, footer, img, form, #breadcrumb, .haut, #sidebar, footer, .commentaires {display: none}
body {
font: 12pt Georgia, "Times New Roman", Times, serif;
line-height: 1.3;
color: #000;
}
h1 {font-size: 24pt}
h2 {font-size: 14pt; margin-top: 15px}
h3.ingredient {font-size: 14pt; margin-top: 10px;
}
h3 {font-size: 30pt; margin-top: 5px;color:#9c5959;}
.ingredient ul{
border:1px solid;
list-style:none;}
header .print {display: block}
img {border: 0}
header {margin-bottom: 10px;
}
header:after {display: block; content: "recette-glace-sorbet.fr :";font-size:25pt;
margin-bottom:5px;
}
header:before {
display: block;
content: "N'hésitez pas commenter cette recette sur recette-glace-sorbet.fr, PARTAGEZ les vôtres sur le forum.";
margin-bottom: 10px;
border: 1px solid #bbb;
padding: 3px 5px;
font-style: italic;
}
blockquote {
font-size: 13pt;
font-style: italic;
}
p a {color: #000}
p a:after {
content: " (http://recette-glace-sorbet.fr/" attr(href) ")";
font-size: 80%;
word-wrap: break-word;
}
p a[href^="http://"]:after, p a[href^="https://"]:after {
content: " (" attr(href) ")";
}
q:after {content: " (" attr(cite) ")"}
Modifié par truitas (19 Aug 2012 - 15:48)