Comment faire une mise en page pour l’impression ?

Partagez si vous aimez ->

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:


 

Partagez si vous aimez ->

Youcef

Concepteur de Sites Web et entrepreneur, l'écriture et la pédagogie font aussi partie de mes passions. Mon objectif est de vous aider à trouver la solution idéale pour créer votre propre Site Internet.

Vous aimerez aussi...

Laisser un commentaire

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

Simple Share Buttons