L'impression html ignore les feuilles de style CSS

Question

J'ai une page html très simple avec un élément de table.

Le document est décoré avec css. Lorsque j'imprime la page, il semble qu'il n'y ait aucune feuille de style. Mauvaise police, tout est faux.

Quel est le problème ici? Dois-je créer un fichier CSS spécial uniquement pour l'impression? Dans mon cas, ce serait la même chose. Est-ce vraiment nécessaire?

Answer 1

Sans le lien vers la page, je ne peux que donner un petit conseil.

• Assurez-vous que le lien vers la feuille de style dans l'en-tête est correcte. Et il devrait ressembler à ceci:

  <link rel="stylesheet" type="text/css" href="/link/to/.css" media="all">

Je viens de remarquer que vous avez mentionné print. Le type de média all fonctionnera sur le Web et l'impression. Toutefois, si vous souhaitez indiquer explicitement une autre feuille de style pour print que remplacer le all par print.

• Vérifiez si le style n'est pas étant remplacé par autre chose. Comme CSS est Feuilles de style en cascade
• Get Firebug.

Answer 2

Si votre lien de feuille de style a media="screen", il sera ignoré par print. Dans ce cas, vous pouvez créer une feuille de style d'impression distincte avec media="print" ou simplement modifier votre feuille de style existante en media="all".

Answer 3

L'attribut media est utilisé pour déterminer l'objectif de la feuille de style. Vous devez vous assurer qu'il est défini sur all (à toutes fins) ou print (utilisé uniquement lors de l'impression).