Webdesign

Comment faire une mise en page pour l’impression ?

Le 6 février 2012, mis à jour le 12 juin 2017

Créez un fichier CSS dédié à l’impression


<!-- Explication: l'attribut "media" définit sur la valeur "print" indique à votre navigateur d'utiliser ce fichier pour gérer le design de l'impression -->

Si vous utilisez cette technique, veuillez préciser l’attribut « media » de votre fichier classique sur « screen », afin que votre navigateur différencie bien les deux. Vous éviterez de nombreuses erreurs!

Ce qui nous donne:


Définissez une zone « print » dans votre fichier classique

@media print{
/* Ecrivez votre code CSS ici */
}

Cette technique est plus simple à mettre en oeuvre car vous ne devez pas modifier votre HTML. Vérifiez cependant que votre lien vers votre fichier CSS ne contient pas d’attribut « media ».

Ce qui nous donne:


 

Youcef Kébaïli

Consultant en référencement, chef de projet Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Avec ce blog, ma mission est d'aider les entrepreneurs, qui ne sont pas spécialistes du web, à réussir leur propre site, et qu'il soit surtout visible !

Commentaires

Laisser un commentaire

Votre commentaire sera révisé par les administrateurs si besoin.