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: