sebmafate
Messages postés4936Date d'inscriptionlundi 17 février 2003StatutMembreDernière intervention14 février 2014
-
2 mars 2005 à 14:46
cs_ericb2038
Messages postés1Date d'inscriptionlundi 24 avril 2006StatutMembreDernière intervention14 mars 2007
-
14 mars 2007 à 17:46
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
cs_ericb2038
Messages postés1Date d'inscriptionlundi 24 avril 2006StatutMembreDernière intervention14 mars 2007 14 mars 2007 à 17:46
léger détail :
style type="text/css">
@media print {
#remove { display : none; }
}
</style>
implique qu'on donne plusieurs fois le meme id="remove" à différents éléments dans la page, ce qui est une pure hérésie. (et en plus pas spécialement pratique si on a besoin de s'y référer dans son css ou par un document.getElementByID()
mieux vaut faire à la place :
style type="text/css">
@media print {
.remove { display : none; }
}
</style>
et dans la page par exemple :
ou aussi :
etc...
on peut aussi faire une classe qui conserve le contenu en supprimant le background :
}
}
</style>
on applique alors la classe 'remove' aux éléments à ne pas imprimer
du tout et la classe 'removebg' aux éléments qu'on veut imprimer en supprimant le fond (image ou fond de couleur) histoire d'économiser encre et papier.
cs_artotal
Messages postés6Date d'inscriptionvendredi 11 juin 2004StatutMembreDernière intervention12 août 2013 13 oct. 2006 à 01:04
le js est encore très utiles, notemment pour avoir un aperçu dans un pop up par exemple...
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 17 oct. 2005 à 16:51
Lol ! J'en conviens tout à fait.
coucou747
Messages postés12303Date d'inscriptionmardi 10 février 2004StatutMembreDernière intervention30 juillet 201244 16 oct. 2005 à 11:32
Ah, je vais vous dire une petite chose : si je donnais directement les réponses, vous ne sauriez pas ou chercher les réponses à vos questions suivantes... En plus, généralement, on apprends bien plus en cherchant qu'en ayant la réponse directement... (et accéçoirement, rédiger un tuto sur chaque sujet, c'est long...)
ifebo
Messages postés181Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention28 décembre 2006 16 oct. 2005 à 00:34
Merci à Sebmafate pour cette excellente adresse
http://www.openweb.eu.org/articles/css_impression/ Même à mon âge, je suis toujours heureux d'apprendre des choses. Merci.
A Coucou747 : Vous distribuez vos conseils avec tant de parcimonie que nous nous sentons obligés de nous investir davantage dans nos recherches pour nos propres
demandes. C'est bien. Cependant quand-même, de temps en temps on aimerait chercher un peu moins. Surtout qu'il est assez souvent évident que vous détenez bon
nombre des réponses à nos questions. ;-)
Bon, je parle pour moi bien sûr car je suis de plus en plus pressé de connaître ! (B'en oui, à mon âge on est plus près de la sortie que de la porte d'entrée ;-))
coucou747
Messages postés12303Date d'inscriptionmardi 10 février 2004StatutMembreDernière intervention30 juillet 201244 2 mars 2005 à 14:49
exact, les css sont largement meilleurs ici...
ton script n'est pas compatible gecko... (document.all)
sebmafate
Messages postés4936Date d'inscriptionlundi 17 février 2003StatutMembreDernière intervention14 février 201437 2 mars 2005 à 14:46
y a plus simple qd mm.
il suffit d'utiliser une feuille de style pour l'impression.
par exemple :
14 mars 2007 à 17:46
style type="text/css">
@media print {
#remove { display : none; }
}
</style>
implique qu'on donne plusieurs fois le meme id="remove" à différents éléments dans la page, ce qui est une pure hérésie. (et en plus pas spécialement pratique si on a besoin de s'y référer dans son css ou par un document.getElementByID()
mieux vaut faire à la place :
style type="text/css">
@media print {
.remove { display : none; }
}
</style>
et dans la page par exemple :
ou aussi :
etc...
on peut aussi faire une classe qui conserve le contenu en supprimant le background :
<style type="text/css">
@media print {
.remove
{ display : none; }
.removebg {
color:#000000;
background-color:#ffffff;
background-image:none;
}
}
</style>
on applique alors la classe 'remove' aux éléments à ne pas imprimer
du tout et la classe 'removebg' aux éléments qu'on veut imprimer en supprimant le fond (image ou fond de couleur) histoire d'économiser encre et papier.
13 oct. 2006 à 01:04
17 oct. 2005 à 16:51
16 oct. 2005 à 11:32
16 oct. 2005 à 00:34
http://www.openweb.eu.org/articles/css_impression/
Même à mon âge, je suis toujours heureux d'apprendre des choses. Merci.
A Coucou747 : Vous distribuez vos conseils avec tant de parcimonie que nous nous sentons obligés de nous investir davantage dans nos recherches pour nos propres
demandes. C'est bien. Cependant quand-même, de temps en temps on aimerait chercher un peu moins. Surtout qu'il est assez souvent évident que vous détenez bon
nombre des réponses à nos questions. ;-)
Bon, je parle pour moi bien sûr car je suis de plus en plus pressé de connaître ! (B'en oui, à mon âge on est plus près de la sortie que de la porte d'entrée ;-))
2 mars 2005 à 14:49
ton script n'est pas compatible gecko... (document.all)
2 mars 2005 à 14:46
il suffit d'utiliser une feuille de style pour l'impression.
par exemple :
<style type="text/css">
@media print {
#remove { display : none; }
}
</style>
(cf : http://www.openweb.eu.org/articles/css_impression/)
Séb