Des contenus web imprimables pour vos visiteurs
Par Laurent BrixiusAussi 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.
Ces articles pourraient aussi vous intéresser :
- Votre propre site web… Utile?
- Lifting pour le site web de Qualité-Village-Wallonie asbl
- Firefox ou la solution à vos maux Internet Explorer
- Ce que vous dites sur le web peut vous suivre longtemps… pour le meilleur ou pour le pire
- Cozimo РCollaborez en temps r̩el par Internet sur vos projets en images
Ne manquez plus aucun article ! Abonnez-vous pour être prévenu de chaque nouvelle publication.
Retour en haut de page
