23
mai
2006
CSS : background à l’impression
mai
2006
Un article de cyberzoide
C’est un coup de gueule que je pousse aujourd’hui !
En effet, les propriétés background-image et background-color sont systématiquement désactivées à l’impression même pour les @media de type print et malgré la propriété !important !
Ce comportement vient des navigateurs et pas des feuilles de styles ! En tant que webmaster vous n’y pouvez rien, à part conseiller à vos visiteurs de cocher (sous Firefox) la case « Print background (color and image)« .
On nous pousse à adopter des normes et des méthodes de développements avec séparation des styles selon le type de média, pousser à l’accessibilité et voila qu’on nous empêche de contrôler la mise en forme de nos documents ! Non à l’arbitraire, vive la révolution !
6 Commentaires + Ajouter un commentaire
Articles récents
- Baisse de prix drastique de la caméra LDLC Touch C1 mais chers accessoires
- Test vidéo de la caméra LDLC Touch C1 et son caisson étanche en plongée : ATTENTION A LA CASSE !
- Test du port HDMI de la caméra LDLC Touch C1
- Test de l’application LDLC Touch pour la caméra sportive LDLC Touch C1
- Mise à jour du firmware de la caméra LDLC Touch C1
Commentaires récents
Archives
- juillet 2014
- juin 2014
- janvier 2014
- décembre 2013
- novembre 2013
- octobre 2013
- février 2008
- janvier 2008
- août 2007
- avril 2007
- novembre 2006
- octobre 2006
- septembre 2006
- août 2006
- juillet 2006
- juin 2006
- mai 2006
- avril 2006
- mars 2006
- février 2006
- janvier 2006
- décembre 2005
- octobre 2005
- septembre 2005
- juin 2005
- avril 2005
- février 2005
En effet même si je comprends que les utilisateurs ne tiennent pas à imprimer pour faire ‘joli’ mais pour lire… cependant la fonctionnalité filigrane existe bien sur Open Office et les autres suites bureautiques… (Je dois imprimer la mention ‘confidentielle’ en fond sur le site intranet de l’entreprise ou je bosse…)
On pourrait imaginer un javascript ‘coquin’ qui passe outre (cela ne serait pas la première fois) la notion de sécurité et de respect du poste client en modifiant les préférences du navigateur client… Sur IE en XP cela doit pouvoir se faire
ou, bien que pas vraiment élégant…
Dans le code du CSS ‘print-style’ Ajouter une classe de type img avec un z-index et une position absolue, puis vérifier que le reste du site ne redéfinit pas l’arrière-plan…
Ayant eu à me plonger dans un design de site (imprimable), au cours de l’été, j’ai découvert avec effroi cette absence d’impression de mes images mises en background !
Du coup, pour les avoir imprimables, ce fut le grand retour des que j’avais tenté de bannir …
Après coup et après cette grosse déception qui a nourri mon ressentiment envers les CSS (;)), j’y ai un peu réfléchi (ça m’arrive …).
Finalement, si l’on souhaite qu’une image soit imprimable, c’est qu’elle est signifiante, non ? Elle appartient donc bien au contenu du document, plutôt qu’à sa forme.
Aborder le problème de cette manière m’a permis de faire la distinction entre les images porteuses de sens – identité visuelle, pictogrammes et autres, dont la présence est indispensable dans le document – et les images dont la fonction est purement décorative – dont la version imprimable peut se passer : vous savez, celles qui ont souvent des attributs de répétition.
Pour ce qui est des couleurs de fond, j’admet être géné de ne pouvoir les gérer à ma guise, mais je tente de construire mes CSS d’impression pour que la mise en couleur à l’écran soit retranscrite par d’autres attributs à l’impression (cadres et changements typographiques).
J’admet que mon approche est un peu néophyte et qu’il peut y avoir des aspects du problème qui ne me sont pas encore apparus, mais je dirais que je vis assez bien avec cette absence d’impression des backgrounds
A propos des backgrounds… dans les CSS3 il est prévu de pourvoir spécifier plusieurs background-image à un même élément :
http://www.w3.org/TR/css3-background/#layering
Ca a l’air vachement pratique afin d’éviter d’enboiter plein de bloc vide…
Vivement que les CSS3 soit validé et implémenté par les navigateurs…
a++
moi, je suis plus géné par non respect de @page { size: landscape; } par internet explorer que par la non impression des backgrounds je dois dire. Mais je bosse plus sur des applications web, que sur des sites web, ca doit expliquer
C’est en effet assez pénible (pour les developpeurs web) et très utile pour les utilisateurs…
Cette fonctionnalité qui permet de ne pas imprimer les fonds (et qui existe également dans IE ou les autres navigateurs d’ailleurs) était très utile aux début du web afin d’éviter de s’imprimer plusieurs pages avec un fond en couleur…
Et aujourd’hui encore, un grand nombre de site n’utilise pas correctement les feuilles de styles (et en particulier pour les autres media, y compris « print »). Cette option est donc très utile pour l’utilisateur néophyte…
Enfin on peut considérer que cela ne gène pas le respect des normes du web, puisqu’il me semble que ces dernières authorisent l’existence d’une feuille de style utilisateur qui serait chargé avant celles du site…
Ainsi le fait de ne pas afficher les fonds peux se traduire de cette manière :
Maintenant c’est sûr que lorsqu’on a fait un joli site en CSS avec de joli background-color ou background-image, c’est dur d’expliquer que le rendu à l’impression est ‘pourri’ à cause d’une option de %@&!$…
LOL Quel style dans le coup de gueule !!!