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. 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)

  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 et c’est tout ..

  3. oursin76 dit :

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

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: