masquer HTML div lors de l'impression de la page

J'ai un XHTML de la page qui contient l'admin de l'information. L'administrateur doit être en mesure d'imprimer la page, mais je tiens à cacher leurs informations.

Est-il un moyen de définir une zone d'impression lors de l'impression d'une page, ou est la seule solution viable pour ouvrir une page secondaire sans l'admin d'informations en cliquant sur le bouton "imprimer"?

Merci!

OriginalL'auteur steeped | 2012-08-31

  1. 26

    essayez ceci:

    <style type="text/css" media="print">
.dontprint
{ display: none; }
</style>

<div class="dontprint">I'm only visible on the screen</div>
    Magnifique!!! Merci!!!!
    C'est un moyen excellent et simple à faire, mais il ne fonctionne pas sur IE8!...
    Mais elelmnt pour disparaître complètement aussi des courants d'affichage du navigateur. Comment le rendre visible sur le site mais quand je veux imprimer cette marque d'imprimante de l'ignorer sans rediriger vers d'autres site?
    fonctionne parfaitement ...

    OriginalL'auteur nickel715

  2. 9

    Vous pouvez définir le CSS pour que le div à display: none utilisant les éléments suivants:

    @media print {
    div.do-not-print {display: none;}
}

    Elle s'affiche normalement, mais quand vous allez à l'impression, il va utiliser cette classe CSS.

    OriginalL'auteur Gary

  3. 5

    Ajouter d'impression.css de votre page dans laquelle vous vous cachez tous les éléments que vous ne voulez pas être imprimé

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

    le media="print" attribut indique au navigateur d'utiliser une feuille de style spécifique de fichier.

    Dans ce fichier, vous pouvez avoir 

    .admindetails{
   display:none;
}

    OriginalL'auteur Slavenko Miljic

  4. 2

    Sûr, Vous pouvez ajouter une autre feuille de style pour l'impression, Voir exemple ci-dessous

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

    ou à la sortie de la feuille de style, vous pouvez ajouter une media query

    @media print {
    .no-print {display: none;}
}

    Et ajouter .aucun-classe d'impression où vous ne souhaitez pas imprimer élément HTML

    OriginalL'auteur Santosh Khalse