CSS et version imprimable

[Webmom]

Hello tous

J'ai entrepris un site avec NVU et des CSS externes.

J'ai suivi le tutoriel framasoft et j'ai vu qu'on peut définir sa feuille de style pour écran ou imprimante ... mais ensuite on fait comment ?

On fait des pages spécifiques pour impression qu'on appelle par un lien sur la page pour écran ?

La page pour impression est la même que pour écran avec juste la feuille de style différente ?

Merci de m'éclairer, ou me donner des liens pour m'aider.

[calimo]

Simplement tu lie les deux feuilles de style sur la page. Une avec media="print" pour la feuille de style pour l'impression et une avec media="..." où ... peut être screen, tv, projection, ou all selon à quoi tu l'applique.

Donc tu n'aura qu'une seule page. La feuille "screen" sera affichée par le navigateur au cours du surf. Et lorsqu'il imprimera la page, il appliquera automatiquement la feuille "print".

C'est donc beaucoup plus simple que tu ne pensais, une seule page et deux balises <link> différentes

[Invité]

super, merci, je vais de ce pas préparer la feuille de style pour print !

[Mongo Bob]

Je ne suis arrivé à ce résultat qu'en précisant dans la feuille "print" pour tous les éléments à ne pas imprimer, une propriété "display:none".
Dans mon cas, seulement pour les images et les liens :

Code : Tout sélectionner

/* Generated by KaZcadeS */
img {
  display: none;
}
a {
  display: none;
}

Quand on veut imprimer par le navigateur , il imprime tout sauf images et liens.
Je crois que du coup, il faut attribuer à l'autre feuille tous les autres médias connus :

Code : Tout sélectionner

screen, aural, braille, embossed, handheld, projection, tty, tv

(listés dans http://www.yoyodesign.org/doc/w3c/css2/ ... edia-types), on ne peut pas lui laisser que "screen" car on élimine la prise en compte par les autres médias, on ne peut pas mettre "all" car le navigateur se plante en ne sachant quoi choisir, en tout cas j'ai eu moi des pbs d'affichage. De toute façon, ça ne coûte rien de le faire...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

[FF_Olivier]

Ou alors, une seule feuille de style généraliste avec une section @media print {...} à la fin.

[Mongo Bob]

Faudra que je m'intéresse à ça, semble y avoir un pb avec la manip que j'ai citée ("display:none"), finalement.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3