Page 1 sur 1
CSS et version imprimable
Publié : 05 févr. 2005, 17:10
par 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.
Publié : 05 févr. 2005, 17:20
par 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
Publié : 05 févr. 2005, 21:06
par Invité
super, merci, je vais de ce pas préparer la feuille de style pour print !
Publié : 14 avr. 2007, 14:24
par 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
Publié : 16 avr. 2007, 13:04
par FF_Olivier
Ou alors, une seule feuille de style généraliste avec une section @media print {...} à la fin.
Publié : 18 avr. 2007, 10:38
par 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