Comment créer une version imprimable d'une page Web?

11

Quelles solutions ou techniques existent pour offrir aux utilisateurs des versions imprimables d'une page Web?

html css print Sean Moubry
la source

Réponses:

19

Je fais une feuille de style CSS de base que j'ai configurée pour le type de support CSS "print".

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

Dans cette feuille de style, je vais généralement faire quelques choses:

  • Masquez tous les éléments de navigation qui ne sont pas pertinents.
  • Masquez tous les éléments de recherche.
  • Modifier les polices et les couleurs
  • Modifiez les largeurs qui ne sont pas maillées avec une page imprimée.
Rebecca Chernoff
la source
Ce serait bien de voir un exemple si possible.
[plug sans vergogne] Je l'ai implémenté sur isearchnotes.com/single.php?id=59 afficher l'aperçu avant impression. à voir.
corymathews
+1 - c'est la meilleure façon de le faire ... bien que les journaux aient souvent des pages séparées où ils reformatent et désactivent la pagination. Maintenant, si seulement Chrome avait une fonction d'aperçu avant impression ...
JasonBirch
2
Voici un peu plus de détails: alistapart.com/articles/goingtoprint
Michael Mior
2
Oh oui, et celui-ci: smashingmagazine.com/2007/02/21/… Les deux bonnes ressources. Le premier lien que j'ai publié donne un bon aperçu, mais c'est probablement assez bon.
Michael Mior