28220 sujets

CSS et mise en forme, CSS3

[Résolu] CSS d'impression - blocks à ne pas imprimer

Bonjour à tous,

Je fais pour la première fois une feuille de style pour l'impression et j'aimerai que certains blocks ne s'impriment pas.
Je me suis renseignée sur la propriété display qui me permettrait appremment ceci.
J'ai donc testé sur le header de ma page mais il est toujours présent à l'impression.

voici le code html :

<div id="header">
     <div id="logo">
          <img src="images/design/logo.gif" alt="Logo" />
     </div>
</div>


Et le bout de CSS :
body {
     background-color:white;
}

#header{
     display:none;
}


Le fond blanc fonctionne très bien, ça ne vient donc pas du lien sur la css.

Une précision tou de même : tout ce qui se trouve à l'intérieur de <div id="header"></div> est en include, cela peut-il venir de là? Ou peut être ai-je mal compris l'utilisation de cette propriété Smiley ohwell

Merci pour votre aide
Modifié par z4z0o (17 Sep 2005 - 07:45)
As-tu bien rajouté media="print" dans la déclaration du CSS ?

et essaye de forcer avec :
display: none !important;
Toujours le même problème, mon lien sur le css est bon et "!important" ne change rien Smiley ohwell

Edit : finalement j'ai testé l'impression sous IE, de ce côté là ça marche donc ça vient de FireFox. Apparemment FF ne prend pas en compte la propriété Display:none (cf : http://wiki.media-box.net/documentation/css/display)

Y aurait-il un autre moyen pour que certaines parties de mon site ne s'impriment pas ?
Modifié par z4z0o (16 Sep 2005 - 23:32)
Administrateur
C'est bizarre : FF reconnait très bien display none (pour tous les médias). Je l'utilise également pour les feuilles de style d'impression.

Il faudrait voir la page en question, ou l'ensemble du site.

Essaye aussi de laisser un espace entre le sélecteur et le signe { :
#header {
display:none;
}
Bonjour,

Erreur classique : supprime les attributs title des éléments <link rel="stylesheet" ...>.

Cet attribut a un rôle très spécifique dans les appels de feuilles de style (différencier des styles alternatifs). Ne pas l'utiliser en l'absence de styles alternatifs, et se contenter de styles permanents (caractérisés par l'absence d'attribut title).

Voir: http://blog-and-blues.org/weblog/2005/08/04/437-feuilles-de-styles-permanentes-alternatives-et-preferees-en-xhtml


(Todo: ajouter une entrée dans la FAQ sur ce problème qui devient fréquent <edit>Fait</edit>)
Modifié par Laurent Denis (17 Sep 2005 - 07:37)
Merci !!!

C'était bien ça le problème, j'aurais jamais pensé que ça pouvait faire tout bugger Smiley eek
Sujet clos
Aller à