18073 sujets

Questions générales et questions de débutants

CSS alternative et impression [Résolu]

Bonjour à tous.

Je prépare un site en XHTML avec CSS séparées. J'ai noté dans l'en-tête les références d'une feuille de style "normale" et d'une autre pour l'impression:

<link rel="stylesheet" type="text/css" media="screen" href="... etc.
<link rel="alternate stylesheet" type="text/css" media="print" href="...etc.

Lorsque dans le navigateur (IE6 et Firefox pas mieux...) je demande l'impression, je n'obtiens qu'une version "simplifiée" de la page "normale" et non pas celle prévue par ma CSS "impression".

Ma question: Faut-il une procédure particulière pour lancer cet appel à la CSS en question puisqu'apparemment cela n'est pas géré automatiquement?

J'ai fait moultes recherches sur le web mais toutes les mentions à une version imprimable par CSS alternative sous-entendaient (me semble-t-il) l'automaticité...

(Vous excuserez au vieux néophyte et "jeune" retraité que je suis son manque de langage technique et, j'en ai peur, la stupidité de la question, car je pense que pour un spécialiste la réponse doit être tellement évidente...http://forum.alsacreations.com/smilies/confused.gif
Smiley confused )

Merci d'avance.
Modifié par Mohican (01 Sep 2005 - 19:25)
Bonjour,

La version "simplifiée que vous obtenez ne serait elle pas tout simplement la page XHTML brute sans aucun style?
Je pense que l'appel n'est pas bon, il ne s'agit pas d'une "alternate stylesheet", j'essaierais:
   
<link rel="stylesheet" type="text/css" href="...css" media="screen" />
<link rel="stylesheet" type="text/css" href="...css" media="print" />

De mémoire il y a un bon article sur le sujet sur openweb et peut être aussi des choses sur Alsa
Bonne chance!
Oui, merci, j'ai modifié "alternate stylesheet" en "stylesheet" (où avais-je la tête...) mais ... pas de changement!

Je précise que j'ai mis la MEME feuille de style avec "media=screen" pour avoir un autre style alternatif et que j'ai bien l'affichage attendu (avec Firefox).
Donc (?) ma CSS (validée W3C) a bien l'air de fonctionner.

J'avais (bien sûr) lu (et relu) l'article d'openweb et autre (bonne) littérature sur le sujet mais "Imprimer" ou "Aperçu avant impression" s'obstinent à ignorer superbement ma (pourtant belle) CSS. Prétentieux, va!

Où est donc le problème ?
Il faudrait si possible donner l'adresse du site ou un extrait du code
mais vérifiez d'abord les points suivants:
1°) absence d'erreur sur les noms des css et sur les chemins d'accès
un seul car différent et pan...classique Smiley decu
2°) essayez de savoir si votre css print n'est vraiment pas prise en compte ou si elle l'est, mais qu'elle donne un résultat non conforme à vos attentes.
Il faut savoir que certaines règles appropriées pour l'écran deviennent inutiles voire nuisibles dans la css print
3°) faites peut-être un essai avec un HTML et des CSS très simplifiées
vous verrez mieux d'où vient l'erreur
4°) question ouverte aux spécialistes: est ce que les options choisies sur un navigateur pourraient désactiver la css print et uniquement celle ci...j'en sais rien???
Bonne chance!
Modifié par zanzibar (01 Sep 2005 - 16:18)
Merci pour vos remarques et tentatives pour m'aider, mais je suis de plus en plus dans le noir....

J'ai tenté un truc qui me donne des résultats que je ne comprends pas:

J'ai inversé l'ORDRE d'apparition des liens vers les CSS (en me disant naïvement que lorsque le navigateur lancera l'impression il sera "tout content" de trouver tout de suite sa ligne "print" ... A vrai dire j'en suis à tenter des pratiques magiques...) :

<link rel="stylesheet" type="text/css" href="../styles/chx_imp.css" title="impression" media="print" />
<link rel="stylesheet" type="text/css" href="../styles/chx_base.css" title="version originale" media="screen" />

Le "print" avant le "screen".
Résultat: à l'AFFICHAGE j'ai quelque chose comme ce que j'ai avec "Aucun style" (avec Firefox).
Si je spécifie le style j'ai bien ce qui est prévu.
On a donc l'impression que l'ordre des instructions perturbe l'affichage alors que le média est spécifié... Surprenant non ?
J'ai déjà constaté un truc bizarre de ce genre (interférence de l'une sur l'autre) mais c'était avec @import et quand je suis passé sur des link rel le pb a disparu !
Bonjour,

Supprimer les title des appels de feuilles de style. Ils ont une fonction très spécifique, qui ne doit pas être appelée ici (différencier les styles permanents des styles alternatifs et préférés). Tout rentrera dans l'ordre.
Les explications sont dans l'article cité ci-dessus : http://blog-and-blues.org/weblog/2005/08/04/437
Modifié par Laurent Denis (01 Sep 2005 - 18:01)
Sujet clos
Aller à