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: