Réduire taille image pour Print CSS

Résolu
marion1984 -  
 marion1984 -
Bonjour,

Voila, je suis en train d'écrire une page CSS Print pour permettre une meilleure impression des pages de mon site. En gros, j'ai enlevé les couleurs, les menus, réduit les polices etc.
Ce que je voudrais savoir c'est s'il est possible de réduire la taille des images lors de l'impression. En gros voir si une image qui fait
width="46" height="130"
pourrait en fait être imprimée comme si elle était moitier moins grande.
J'espère que c'est clair.

Merci d'avance pour votre aide.

Marion

2 réponses

arthezius Messages postés 3538 Date d'inscription   Statut Membre Dernière intervention   475
 
Suffit de définir précisément la taille qu'elles doivent faire.
Tu leurs attribut une classe css ou un id et dans le CSS print:
img{width:100px;}

Dans cet exemple, tout les images sont réduite à 100px de large pour l'impression. La hauteur sera calculé automatiquement proportionnellement à la largeur.
2
marion1984
 
salut arthezius ! merci beaucoup pour ton aide.
Alors, j'ai rajouté
img{width:100px;}
dans ma page CSS print, toutes les images font effectivement 100px de large mais elles ne se mettent pas à l'échelle (elles ressemblent à des allumettes...)
une idée de ce que j'ai fait de travers ?
merci :)
0
marion1984
 
Ah ben c'est bon ! j'ai mis
height:auto;
et ça marche !
cool cool
encore merci :)
0
Foiesgras Messages postés 21 Date d'inscription   Statut Membre Dernière intervention   5
 
A part passer par un script PhP je ne vois pas comment faire. Mais si tu as une autre réponse je suis intéressé.
0