picture picture
mars 28, 2005 CSS 3 Commentaires

Imprimer une page HTML en cachant certaines zones à l’imprimante

… comme des menus de navigation ou un bouton  » imprimer  »


CSS2 permet de prévoir des styles destinés exclusivement à certains parseurs, comme des lecteurs braille, ou plus prosaà¯quement, des imprimantes.
Il suffit de specifier que le style CSS leur est exclusivement destiné avec l’attribut media= »print »

Une application simple consiste à cacher certaines parties d’une page aux imprimantes pour permettre un rendu final plus agréable. Par exemple, les menus de navigation, ou un bouton « imprimer », n’ont rien d’intéressant sur un document papier…

Pout utiliser cette possibilité, il suffit de mettre les parties non imprimables dans un <div> qui sera caché (avec une classe : {display: none;}) uniquement aux imprimantes.
Testez ce bout de code, et adaptez le à vos besoin :

 <html> <head> <style media="print" type="text/css">   .noImpr {   display:none;   } </style> </head> <body> <div> ceci est imprimable ... </div> <div class="noImpr"> Mais ceci est cach&eacute; en impression : testez avec l'aper&ccedil;u avant impression de votre navigateur !</div> </body> </html> 

Fonctionne sous IE6 et Firefox. Pas testé pour d’autres navigateurs. les avis sont bienvenus. thx

3 Responses to “Imprimer une page HTML en cachant certaines zones à l’imprimante”

3 Commentaires

  1. oursin76 dit :

    ce systeme fonctionne en html , mais comment faire pour l’ adapter en php

  2. webtolosa dit :

    ?? je ne vois pas ou est ton problème ? Une page PHP est d’abotd une page HTML, tu mets ton code PHP entre balises < ?php ?> et c’est tout ..

  3. m3allem dit :

    merci bien, c’est une méthode trés adorable. je pense que c l’equivalent du jasperreport pour java.(le mot equivalent veut dire aboutir au même resultat mais pas la meme technique)

Commentaire

Name

Mail (ne sera pas publié)

Website

Laisser ces deux champs tels quels :
:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: