Mise en œuvre dans un projet professionnel
QUATRIÈME PARTIE
240
On produit le rendu d’impression en appliquant une règle CSS de la feuille
imprimante.css :
Alors que tous les éléments apparaîtront à l’écran (titre
QUATRIÈME PARTIE
240
On produit le rendu d’impression en appliquant une règle CSS de la feuille
imprimante.css :
Alors que tous les éléments apparaîtront à l’écran (titre
, paragraphe
et conteneur
), les éléments de classe noprint ne laisseront aucune trace à l’impression. Par conséquent, la feuille de papier ne recevra que le titre de la page !
Nous vous laissons imaginer les possibilités : afficher une page en portrait ou en paysage, supprimer des marges, adapter une page à la taille du papier, gérer les sauts de
pages, etc.
Retenez cependant qu’à l’heure actuelle, peu de navigateurs exploitent totalement les
propriétés CSS du média print. Opera est très en avance sur ses camarades, mais
pour contenter la majorité de vos visiteurs, il vous faudra vous restreindre aux propriétés les plus basiques.
Internet Explorer 7 et les CSS
La dernière version du navigateur de Microsoft a été rendue publique à la fin de
l’année 2006 et commence peu à peu à remplacer IE6 (à condition que le système
d’exploitation de l’utilisateur soit au moins égal à Windows XP).
Disons-le tout net : IE7 a fait de bons progrès en matière de conformité aux standards et d’implémentation des CSS. De plus, il corrige un certain nombre de bogues
de son prédécesseur et facilite ainsi la vie aux concepteurs web.
Même si IE7 reste encore en retrait par rapport à des navigateurs plus réactifs que lui
(Opera, Firefox et Safari notamment), la liste des fonctionnalités désormais proposées est plutôt encourageante :
• De nombreux bogues spécifiques à IE6 et ses prédécesseurs (« pikaboo »,
« guillotine », « 3-pixel-jog »...) ont été corrigés.
• Le pseudo-élément :hover s’applique à présent à tous les éléments et n’est plus
limité aux seuls liens .
• Les propriétés min-width, max-width, min-height et max-height sont désormais
prises en charge.
Fichier imprimante.css
.noprint {
display: none;
}
Nous vous laissons imaginer les possibilités : afficher une page en portrait ou en paysage, supprimer des marges, adapter une page à la taille du papier, gérer les sauts de
pages, etc.
Retenez cependant qu’à l’heure actuelle, peu de navigateurs exploitent totalement les
propriétés CSS du média print. Opera est très en avance sur ses camarades, mais
pour contenter la majorité de vos visiteurs, il vous faudra vous restreindre aux propriétés les plus basiques.
Internet Explorer 7 et les CSS
La dernière version du navigateur de Microsoft a été rendue publique à la fin de
l’année 2006 et commence peu à peu à remplacer IE6 (à condition que le système
d’exploitation de l’utilisateur soit au moins égal à Windows XP).
Disons-le tout net : IE7 a fait de bons progrès en matière de conformité aux standards et d’implémentation des CSS. De plus, il corrige un certain nombre de bogues
de son prédécesseur et facilite ainsi la vie aux concepteurs web.
Même si IE7 reste encore en retrait par rapport à des navigateurs plus réactifs que lui
(Opera, Firefox et Safari notamment), la liste des fonctionnalités désormais proposées est plutôt encourageante :
• De nombreux bogues spécifiques à IE6 et ses prédécesseurs (« pikaboo »,
« guillotine », « 3-pixel-jog »...) ont été corrigés.
• Le pseudo-élément :hover s’applique à présent à tous les éléments et n’est plus
limité aux seuls liens .
• Les propriétés min-width, max-width, min-height et max-height sont désormais
prises en charge.
Fichier imprimante.css
.noprint {
display: none;
}
