Pour imprimer une page HTML

Créer un site web qui s’adapte à la largeur d’écran, c’est bien, mais l’optimiser pour l’impression c’est encore mieux.


Le média “print”

En XHTML c’est simple, il suffit de créer une feuille de style pour l’impression. La création de cette feuille de style est tout à fait classique, il faut juste préciser le média “print” dans l’appel de cette CSS dans le code XHTML :


<link href="style_print.css" rel="stylesheet" type="text/css"  media="print">

La largeur du contenu

L’autre paramètre important pour la sortie à l’impression est la largeur du contenu. Sur un écran, on choisit la résolution la plus courante : 1024×768 actuellement. Mais pour l’impression, cette largeur en pixels ne convient pas, elle est trop large et le contenu imprimé est tronqué, surtout si la mise en page est fixe.

Pour pallier à ce problème, il faut préciser dans la CSS print une largeur de contenu de 640 pixels maximum. Cela correspond au format A4 des feuilles.

Comments are closed.