28172 sujets

CSS et mise en forme, CSS3

[Resolu] - Imprimer une feuille oueb

Bonsoir le monde, je me tourne vers vous car je seche sur un p'tit probleme :

J'ai mis en place un fichier print.css afin que les visiteurs d'une page oueb puissent puissent imprimer une copie simplifiée de celle-çi.
Sur ma feuille Xhtml :

<head>
...
<link rel="stylesheet" type="text/css" media="print" href="theme/print.css" />
...
</head>
<body>
...
<h1>Directeur "adjoint"</h1> d'un magas...
....


Sur ma feuille css :
h1 {
	font-size: 8pt;
	line-height: 20pt;
	color: #FF6600;
	display: inline;}



Sur la page oueb : c'est tout à fait ce que je veux, par contre quand je passe en mode vue avant impression ce n'est plus du tout la même chose Smiley confus

http://img150.imageshack.us/img150/5422/sanstitreaw5.jpg


Je ne vois pas trop ou mon code foire et comment faire pour réparer les dégâts

C'est pourquoi je me tourne vers vous afin de savoir si quelqu'un aurait le début d'un iota d'un commencement de solution Smiley lol

Sur ce, dans l'attente de vos réponses : une bonne soirée à toutes et tous Smiley cligne
Modifié par Xstof (02 Mar 2008 - 09:47)
Bonsoir Xstof,

Tu ne précises pas si tu as déclaré d'autres feuilles de style dans ta page, ni si tu as précisé un media spécifique à celle(s)-ci (all, screen, projection, tv, handheld, etc...), cela peut éventuellement interagir avec ta feuille de style print, notamment si tu as appliqué media="all" ou omis de préciser un media, ce qui revient au même Smiley cligne

Je ne suis pas un spécialiste, mais a priori rien ne me choque sur ce que tu déclares dans cette feuille de style (enfin presque, il me semble qu'il y a d'autres moyen de mettre en exergue une partie d'un texte (em, strong,couleur taille, ...) que d'utiliser à mauvais escient (ou de détourner de son usage initiale) la balise h1...Mais c'est un autre débat Smiley lol

En attendant l'avis des spécialistes, je te renvoie lâchement à cet excellent article écrit par le Collectif Alsacréations (lire également les liens associés Smiley cligne ) cela ne peut pas faire de mal :
http://css.alsacreations.com/Tutoriels-et-articles-divers/feuille-css-impression

Cdt,
Sylvain
Modifié par 6l20 (29 Feb 2008 - 09:06)
yop yop,

merci beaucoup d'avoir pris un peu de temps pour me répondre Smiley smile

alors voui effectivement, j'ai la ligne suivante pour ce qui concerne la "mise sur écran"

<link rel="stylesheet" type="text/css" media="screen, projection" href="theme/screen.css" />


avec pour définition de h1 qui est changé d'un iota par rapport a celle de print.css:
h1 {
	font-size: 10pt;
	line-height: 20px ;
	color: #FF6600;
	display:inline;}


Je te remerci pour le lien...mais ca a ete une de mes 1ere lecture Smiley lol

Par contre je ne comprends pas trop ton commentaire sur mon utilisation de h1 ???? ceci n'est pas utilisé pour faire un titre ?


Cordialement,

Xstof
Bonjour,

L'aperçu avant impression de Firefox est bugué. Il faut tester une impression réelle (ce qui peut se faire en imprimant dans un fichier PDF plutôt que sur papier, grâce à l'«imprimante PDF» PDF Creator par exemple).
Xstof a écrit :

Par contre je ne comprends pas trop ton commentaire sur mon utilisation de h1 ???? ceci n'est pas utilisé pour faire un titre ?
Cordialement,
Xstof


Oublies mon commentaire, il m'avait semblé voir autre chose (ou j'ai mélangé deux sujet ) Smiley cligne

Et comme le précise Florent, tu as fait des tests réels d'impression (juste pour vérifier Smiley cligne ) ?

Cdt,
Sylvain
Rebonjour messieurs Smiley biggrin

Alors je viens de tester en sortant un fichier pdf avec l'excellent pdf creator qui était déjà installé Smiley cligne .... et effectivement ca passe comme une lettre à la Poste Smiley eek

Il semble bien que Firefox ai un p'tit soucis au niveau de son aperçu avant impression ...ce qui me rassure car je ne voyais vraiment pas là ou il y avait un problème Smiley confused

Tout va donc pour le mieux dans le meilleur des monde Smiley lol

En vous remerciant encore pour votre aide
Modifié par Xstof (02 Mar 2008 - 09:48)
Sujet clos
Aller à