OVH Cloud OVH Cloud

CSS et Print

6 réponses
Avatar
Le Fou
Salut,

Je n'y comprends rien :
Sur une page construite en gros comme une 3 colones (3 boites), je souhaite
avoir une feuille de style pour n'imprimer que la colone du milieu, sans
couleurs, sans fioritures.
J'ai donc 2 feuilles de style :
cd84.css (screen) et cd84imp.css (print).
Sur la page http://ffessm.cd84.free.fr/clubs.php on peut voir ce qui
apparait normalement à l'écran (rien n'est défini pour le print).
Le problème survient sur la page http://ffessm.cd84.free.fr/clubs1.php :
Si je lie (dans le HEAD) la css print APRES la css screen, tout est bon à
l'écran mais l'apperçu avant impression est mauvais (aucun style).
Si je lie la css print AVANT la css screen, rien n'est bon à l'écran (aucun
style) par contre l'apperçu avant impression est correct.
Tout se passe comme si la deuxième feuille de style liée n'était pas prise
en compte...
(Testé avec Mozilla 1.2 sous Win98SE)
Vous voyez une erreur ?

--
A'tchao

Le Fou
http://club.exocet.free.fr/ - http://www.ffessm-cd84.com/
http://perso.club-internet.fr/ehiller/

6 réponses

Avatar
GraphSeb
Dans le message de news:,
@SM s'exclama :
GraphSeb a *crit :

En plus, le media="all" permet de ne pas avoir l'interprétation de la
feuille par NN 4, il me semble.



Ni dans mon IE 5.0 (mac) !



M'enfin ! Acheter un Mac pour mettre du Kro$soft dessus... *C'est du vice*
!!

;)
<serious>
Ca passe pourtant chez moi sous IE 5.1 OSX...
</serious>

--
GraphSeb
Avatar
Pierre Goiffon
Dans le message:3f8c0704$0$15436$,
Le Fou a écrit:
Je n'y comprends rien :
Sur une page construite en gros comme une 3 colones (3 boites), je
souhaite avoir une feuille de style pour n'imprimer que la colone du
milieu, sans couleurs, sans fioritures.
J'ai donc 2 feuilles de style :
cd84.css (screen) et cd84imp.css (print).
Sur la page http://ffessm.cd84.free.fr/clubs.php on peut voir ce qui
apparait normalement à l'écran (rien n'est défini pour le print).
Le problème survient sur la page
http://ffessm.cd84.free.fr/clubs1.php : Si je lie (dans le HEAD) la
css print APRES la css screen, tout est bon à l'écran mais l'apperçu
avant impression est mauvais (aucun style).
Si je lie la css print AVANT la css screen, rien n'est bon à l'écran
(aucun style) par contre l'apperçu avant impression est correct.
Tout se passe comme si la deuxième feuille de style liée n'était pas
prise en compte...
(Testé avec Mozilla 1.2 sous Win98SE)
Vous voyez une erreur ?



La page à l'URL indiquée n'a qu'une feuille pour le screen alors le test
est limité :D
Cela dis, un Mozilla 1.2 me parait un peu vieux... Que donne un Mozilla
1.4 ?

--
..::: Pierre GOIFFON :::..

Un grand merci à OE Quote Fix pour rendre OE utilisable :)
=> http://home.in.tum.de/~jain/software/quotefix.php

(email temporairement supprimé pour cause de déferlante Swen :( )
Avatar
Thibaut Allender
GraphSeb wrote:

M'enfin ! Acheter un Mac pour mettre du Kro$soft dessus... *C'est du


vice*
!!

;)
<serious>
Ca passe pourtant chez moi sous IE 5.1 OSX...
</serious>



si c'etait un bon browser, pourquoi pas, mais il est plutot aleatoire
sur mac... il vaut mieux lui preferer mozilla.

a+

--
+ web design + php dev + digital photo
+ http://www.capsule.org
Avatar
Le Fou
Pierre Goiffon a écrit

La page à l'URL indiquée n'a qu'une feuille pour le screen alors le test
est limité :D



Non, non, regarde ce que j'ai écrit :
> Sur la page http://ffessm.cd84.free.fr/clubs.php on (...)
> Le problème survient sur la page
> http://ffessm.cd84.free.fr/clubs1.php : (...)


Ce sont 2 pages différentes, la seconde fait appel à 2 feuilles de style.
Mais te casse pas, j'ai trouvé, je devais mettre le même "title" aux deux
liens.


Cela dis, un Mozilla 1.2 me parait un peu vieux...



Tant qu'à faire j'attends le 1.5 ;-)

--
A'tchao

Le Fou
http://club.exocet.free.fr/ - http://www.ffessm-cd84.com/
http://perso.club-internet.fr/ehiller/
Avatar
Sergio
le 15/10/2003 19:34 :

Cela dis, un Mozilla 1.2 me parait un peu vieux...



Tant qu'à faire j'attends le 1.5 ;-)



Il est là ! (ansi que Firebird 0.7 et le Thunderbird 0.3)

--
Serge http://leserged.online.fr/
Tout sur Windows : http://www.bellamyjc.org/ et http://www.ntfaqfr.com/
Avatar
Le Fou
Pleurote du Panicaut a écrit

Et dans la balise STYLE du HEAD ?
<link rel="stylesheet" type="text/css" href="LeFou.css">
<style type="text/css" media="print">
<!--
#toto, #titi {
display:none;
}
-->
</style>



Oui, j'avais essayé ça aussi mais ça n'était pas pris en compte mais j'avais
du rater des trucs car maintenant tout fonctionne comme je le souhaite ;-)
Merci.

--
A'tchao

Le Fou
http://club.exocet.free.fr/ - http://www.ffessm-cd84.com/
http://perso.club-internet.fr/ehiller/