Comment faire une mise en page pour l’impression ?

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:


 

Diffusez ce contenu sur vos réseaux
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin
Share on Facebook
Facebook

Youcef

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 !

Laisser un commentaire

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