Réduire taille image pour Print CSS

[Résolu/Fermé]
Signaler
-
 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

Messages postés
3538
Date d'inscription
jeudi 15 mai 2008
Statut
Membre
Dernière intervention
11 septembre 2016
464
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
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

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 :)
Ah ben c'est bon ! j'ai mis
height:auto;
et ça marche !
cool cool
encore merci :)
Messages postés
21
Date d'inscription
lundi 7 juin 2010
Statut
Membre
Dernière intervention
10 juin 2010
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é.