Des contenus web imprimables pour vos visiteurs

Aussi bien conçu soit-il, le contenu d’un site web est plus agréable à lire sur papier qu’à l’écran.

Combien de fois avez-vous cliqué sur le bouton « imprimer » de votre navigateur pour voir sortir de votre imprimante de superbes menus – inutiles – et le contenu amputé de quelques centimètres et totalement incompréhensible?

Il est pourtant si simple pour un site respectant les standards du Web (XHTML et CSS) de proposer un contenu imprimable purgé des tous les éléments inutiles et agrémenté d’informations utiles sur papier – coordonnées de contact, adresse URL du site…

Il est en effet possible de spécifier une feuille de style (CSS) différente pour l’affichage à l’écran <link href="css/ecran.css" rel="stylesheet" type="text/css" media="screen"/> et pour l’impression <link href="css/impression.css" rel="stylesheet" type="text/css" media="print"/>.

Il vous reste à cacher les éléments inutiles avec l’attribut {display:none;} dans vos feuilles de style CSS.

Exemples:
Pour cacher le menu général de ce site à l’impression, j’utilise #menuhaut{display:none;}
Pour cacher certains éléments à l’affichage sur écran, j’utilise la classe .print {display:none;}
Et n’oubliez pas de spécifier des tailles de caractères lisibles à l’impression.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.