Réduire taille image pour Print CSS

Résolu/Fermé
marion1984 - 8 juin 2010 à 11:35
 marion1984 - 8 juin 2010 à 13:34
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

A voir également:

2 réponses

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
8 juin 2010 à 12:43
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
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
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 lundi 7 juin 2010 Statut Membre Dernière intervention 10 juin 2010 5
8 juin 2010 à 11:44
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