[Résolu] Impression page web

Bonjour à tous,

J'ai fait un site en CSS (validé). J'aimerais y ajouter une fonction d'impression de certaines pages. J'ai donc écrit un fichier CSS destiné uniquement à l'impression (en gros, j'applique un

visibility: hidden

à toutes les balises que je ne veux pas imprimer).

Sur les pages que je veux imprimer, je déclare dans la partie "head":

<link type="text/css" src="print.css" media="print" />

et j'imprime avec (sur la page):

<a href="javascript:window.print();" class="lien">Imprimer</a>

Sur toute les pages, il y a bien sur dans la partie head:

<style type="text/css"> 
	@import url(florian-potier.css);
</style>

Si je remplace la feuille CSS normale de mon site (florian-potier.css) par celle destinée à l'impression (print.css), tout s'affiche comme je voudrais que ça sorte à l'imprimante (et d'ailleurs, c'est imprimé correctement avec l'impression du navigateur). Par contre, si j'envoie ma page vers l'imprimante (avec le lien "imprimer"), certaines des balises que je voudrais enlever pour l'impression sont toujours présentes. De plus, à l'impression, le site est centré (comme défini par ma feuille florian-potier.css) alors que je lui demande d'être positionné en 0,0 avec le fichier print.css.

Des idées...???

Merci d'avance,

Seb.

PS: je ne mets pas le code CSS car il est un peu long, mais je peux le rajouter si nécessaire
Modifié par seb*** (07 Nov 2007 - 14:14)

Salut,

As tu jeté un coup d'oeil sur ce tutoriel : Faire une feuille de style pour l'impression, qui peut être pourra t'en apprendre un peu plus ?

j'ai jeté un coup d'oeil au tutoriel, et j'ai rajouté un

media="screen"

pour décrire ma feuille de style principale...
Et, tout roule

Merci Merci Merci ...

En fait, j'avais aussi fait la modification suivante...
remplacer:

<link type="text/css" src="print.css" media="print" />

par:

<style type="text/css" media="print">
	@import url(print.css);
</style>

tout en sachant que mes autres feuilles de style sont incorporées avec un <style ... ></style> et non avec un <link>

Et en continuant les tests, je m'aperçois que c'est cette modification qui fait que ça marche...

C'est cool, ça marche, mais je ne comprend pas pourquoi...
Si quelqu'un le sait...???

seb*** a écrit :
Et en continuant les tests, je m'aperçois que c'est cette modification qui fait que ça marche...

Vraiment? Pourtant, ya pas de raison.

Ou alors c'est la faute à l'absence de l'attribut rel qui va bien quand tu utilises l'élément link?

<link type="text/css" src="print.css" media="print" /> <!-- pas bien -->
<link [#blue]rel="stylesheet"[/#] type="text/css" src="print.css" media="print" /> <!-- bien -->

Mea Culpa...
Je m'étais planté dans l'écriture des link
href="..." et non src="..."
Avec des href et avec ou sans rel, tout baigne, que ce soit des <link>, des <style></style> ou une combinaison des deux.

Merci pour l'aide...