Impression de fichiers
Guy Gruais
Suite ￜ une demande qui vient de m'ￜtre faite, je voudrais ￜtablir une
feuille de style pour imprimer les pages d'un site.
Pour commencer, j'ai pris un exemple apparemment simple mais qui me
cause 2 soucis.
Soit la page : http://paysderetz.free.fr/test/anc_bil_hum.php
sur laquelle j'ai commencￜ une feuille interne.
1ￜ) le bandeau en tￜte de page apparaￜt dￜcalￜ sur la gauche en faisant
un aperￜu impression. Cela est dￜ au fait que pour laisser la place au
menu fixe sur la page ￜ l'ￜcran, j'ai dￜcalￜ cette page vers la droite
sur la feuille de style externe et recentrￜ mon bandeau avec un
margin-left nï¿œgatif.
Sur ma feuille de style impression, j'ai essayￜ ￜ de nombreuses reprises
de recadrer ce bandeau, je n'y arrive pas.
2ￜ) Ma feuille de style ne permet d'imprimer que la premiￜre page du
fichier citￜ ci-dessus alors que dans d'autres cas, tout fonctionne
correctement.
Quelqu'un pourrait-il me dire quelles sont les anomalies de ma feuille
de style ?
Merci.
--
guy.s...@free.fr
http://paysderetz.free.fr
http://fonderie.indret.free.fr
yamo'
Guy Gruais a tapotￜ, le 07.12.2009 17:03 :
> 2ￜ) Ma feuille de style ne permet d'imprimer que la premiￜre page du
> fichier citￜ ci-dessus alors que dans d'autres cas, tout fonctionne
> correctement
ￜ part le bandeau et encore comme ￜa il est plutￜt pas mal positionnￜ
l'impression me paraï¿œt bonne :
<http://pasdenom.info/temp/mozilla.pdf>
Par contre, ￜa ne sert ￜ rien d'imprimer "Retour en haut de page" et la
flï¿œche associï¿œe.
--
Stï¿œphane
http://pasdenom.info/fortune/
Guy Gruais
yamo' a ï¿œcrit :
> ￜ part le bandeau et encore comme ￜa il est plutￜt pas mal positionnￜ
> l'impression me paraï¿œt bonne :
>
J'ai oubliￜ de mentionner que c'ￜtait surtout avec IE que j'avais des
problï¿œmes
Firefox et Opera m'impriment bien toute la page mais avec bandeau dￜcalￜ
> Par contre, ￜa ne sert ￜ rien d'imprimer "Retour en haut de page" et la
> flï¿œche associï¿œe.
Effectivement mais cela n'est pas un problï¿œme pour le supprimer. Mon
souci n'ￜtait pas lￜ.
Cordialement
--
guy.s...@free.fr
http://paysderetz.free.fr
SAM
> Bonjour,
>
> yamo' a ï¿œcrit :
>> ￜ part le bandeau et encore comme ￜa il est plutￜt pas mal positionnￜ
>> l'impression me paraï¿œt bonne :
Je rappelle que les commentaires dans les FdS ce n'est pas :
<!--page-break-after:avoid;-->
mais : /* page-break-after:avoid; */
ￜ moins que ce ne soit une espￜce de hack ?
> J'ai oubliￜ de mentionner que c'ￜtait surtout avec IE que j'avais des
> problï¿œmes
Oui ?
Qui sont ?
dￜjￜ j'aurais commencￜ par :
* { background: none; color: black }
a { color: blue; }
> Firefox et Opera m'impriment bien toute la page mais avec bandeau dￜcalￜ
Yaka le supprimer (ou, ￜ minima, les images) !
ï¿œa me bouffe de l'encre pour rien, scrogneugneu!
Qu'il soit dￜcalￜ, ce n'est pas trￜs grave, de ttes faￜons
"Dans cette page blabla"
est aussi dￜcalￜ
Par contre,
- merci de rï¿œduire l'espace qui vient ensuite (supprimer les <br> ?)
- et de passer en noir :
ￜ L'historien Armel de Wismes ￜ
c a d d'arriver ￜ passer en noir les h3
qque chose comme :
.bloc .sbloc h3 { color: black }
peut-ï¿œtre ?
>> Par contre, ￜa ne sert ￜ rien d'imprimer "Retour en haut de page" et la
>> flï¿œche associï¿œe.
> Effectivement mais cela n'est pas un problï¿œme pour le supprimer.
> Mon souci n'ￜtait pas lￜ.
Ben, quand mï¿œme, un peu, non ?
--
sm
Guy Gruais
SAM a ï¿œcrit :
> Je rappelle que les commentaires dans les FdS ...
> /* page-break-after:avoid; */
>
Ok
> J'ai oubliￜ de mentionner que c'ￜtait surtout avec IE que j'avais des
> problï¿œmes
>
> Oui ?
> Qui sont ?
Le dￜcentrage et surtout le fait _QUE_ IE s'obstine ￜ n'imprimer QUE la
premiï¿œre page
> * { background: none; color: black }
> a { color: blue; }
>
>
>> Firefox et Opera m'impriment bien toute la page mais avec bandeau dￜcalￜ
>
> Yaka le supprimer (ou, ￜ minima, les images) !
> ï¿œa me bouffe de l'encre pour rien, scrogneugneu!
OK, j'ai supprimￜ l'image. J'espￜre que je ne vais pas me faire gronder.
Je leur expliquerai :-)
> Par contre,
> - merci de rï¿œduire l'espace qui vient ensuite (supprimer les <br> ?)
Eeeeeeeuuuuuuuhhhhhhhhhhh, comment les supprimer seulement avec la
feuille de style impression (il serait bon qu'ils restent ￜ l'ￜcran)
> - et de passer en noir :
> ￜ L'historien Armel de Wismes ￜ
> c a d d'arriver ￜ passer en noir les h3
Ben, j'avais dￜjￜ h1,h2,h3 {color: black;}
effectivement le renu est gris. Comprends pas :-(
> qque chose comme :
> .bloc .sbloc h3 { color: black }
> peut-ï¿œtre ?
>
>>> Par contre, ￜa ne sert ￜ rien d'imprimer "Retour en haut de page" et la
>>> flï¿œche associï¿œe.
>> Effectivement mais cela n'est pas un problï¿œme pour le supprimer. Mon
>> souci n'ￜtait pas lￜ.
>
> Ben, quand mï¿œme, un peu, non ?
>
--
SAM
> Bonjour,
>
> SAM a ï¿œcrit :
>> problï¿œmes
>>
>> Oui ?
>> Qui sont ?
> Le dￜcentrage et surtout le fait _QUE_ IE s'obstine ￜ n'imprimer QUE la
> premiï¿œre page
Ha! Lￜ je ne peux rien : je n'imprime rien depuis ma Machine Virtuelle
Windows.
Bon ... il semblerait qu'avec :
.bloc img { display: none }
ï¿œa met tout sur une seule page
(ou alors peut-ï¿œtre faut-il corriger l'adresse de cette image dans le
code htlm ?)
>> - merci de rï¿œduire l'espace qui vient ensuite (supprimer les <br> ?)
> Eeeeeeeuuuuuuuhhhhhhhhhhh, comment les supprimer seulement avec la
> feuille de style impression (il serait bon qu'ils restent ￜ l'ￜcran)
Ben non ... ils n'ont aucune raison d'ￜtre ni ￜ l'ￜcran, ni dans le code.
N'y a t-il pas une FdS pour les simuler ?
(ajouter une marge basse au truc avant les BRs espaceurs)
sinon ...
BR { display: none }
Mais ... il y a peut-ï¿œtre d'autres BRs utiles qque part ?
(retour ligne pas seulement pour espacer)
.bloc br { display: none }
mais ... c'est de la mauvaise cuisine au coup par coup.
>> - et de passer en noir :
>> ￜ L'historien Armel de Wismes ￜ
>> c a d d'arriver ￜ passer en noir les h3
> Ben, j'avais dￜjￜ h1,h2,h3 {color: black;}
Oui, en effet, vu.
> effectivement le renu est gris. Comprends pas :-(
Mￜme pￜ ... chez moi le renu est blanc ;-) sur fond blanc
Il y a sans doute des complications inutiles ou choses mal pensï¿œes dans
ces styles ?
Si tu veux contrecarrer un style
.machin .chose { }
de restyler seulement
.chose { }
a des chances de ne rien donner
Et plus particuliï¿œrement pour la question des H3 ...
dans le html on a :
<h3 style="color: white;">
comment alors dire que 'style' sera color: red; ?
Voir : <http://www.yoyodesign.org/doc/w3c/css2/cascade.html#specificity>
juste avant le texte ￜ fond vert.
Cependant :
h1, h2, h3 {
color : black !important;
}
fonctionne.
(attention! pas de , aprï¿œs h3 svp)
--
sm
Free - Guy Gruais
Vous allez �tre infiniment heureux d'apprendre que SAM vient d'�crire :
>> Le d�centrage et surtout le fait _QUE_ IE s'obstine � n'imprimer QUE
>> la premi�re page
>
> Ha! L� je ne peux rien : je n'imprime rien depuis ma Machine Virtuelle
> Windows.
Je suis d'uatnt plus surpris que sur la page
http://paysderetz.free.fr/test/moutons1.php
je n'ai pas ce probl�me. L'int�gralit� de la page s'imprime correctement.
Il doit donc s'agir d'une ligne de code incorrecte, mais je ne vois pas
laquelle.
> Bon ... il semblerait qu'avec :
> .bloc img { display: none }
> �a met tout sur une seule page
Cela supprime bien l'image mais ne change rien au fait que IE continue � ne
m'imprimer que la premi�re page
>>> - merci de r�duire l'espace qui vient ensuite (supprimer les <br> ?)
>> Eeeeeeeuuuuuuuhhhhhhhhhhh, comment les supprimer seulement avec la
>> feuille de style impression (il serait bon qu'ils restent � l'�cran)
>
> Ben non ... ils n'ont aucune raison d'�tre ni � l'�cran,
Ben si, un <br>dans un paragraphe me permet d'aller � la ligne.
Et <br><br> m'�vite d'�crire </p><p class="tartempion"> (tous mes <p...>
n'ont pas la m�me classe !
> sinon ...
> BR { display: none }
A l'impression, tout est est � la suite sans aucun retour � la ligne.
> Il y a sans doute des complications inutiles ou choses mal pens�es
> dans ces styles ?
H�las, pas "sans doute" mais s�rement !
Car je n'ai nullement pens� � l'impression lorsque j'ai r�alis� ce site.
Dans ma petite t�te de n�ophyte, je me serais sans doute dit qu'il ne devait
pas y avoir de diff�rence entre un rendu sur �cran et une impression ... ...
si je m'�tais pos� la question :-(
> Cependant :
> h1, h2, h3 {
> color : black !important;
> }
> fonctionne.
Merci pour cette info.
J'ignorais totalment que l'on pouvait mettre un "!important" dans de telles
conditions
> Si tu veux contrecarrer un style
> ... ... Voir :
> <http://www.yoyodesign.org/doc/w3c/css2/cascade.html#specificity>
> juste avant le texte � fond vert.
Hou l�, l�, il va falloir que je relise cela plusieurs fois, pas �vident
pour moi :-(
Merci pour l'aide et cordialement
--
guy.s...@free.invalid
http://paysderetz.free.fr
http://fonderie.indret.free.fr