[HTML][CSS] Redimensionner une image selon condition

Version imprimable

14/02/2006, 15h45
Eilkh

[HTML][CSS] Redimensionner une image selon condition

Bonjour,

j'ai recherché un peu partout mais je n'ai pas trouvé de réponse à ma question...

en fait, mon problème est ciblé : je voudrais, à l'aide du CSS, redimensionner des images UNIQUEMENT si celle-ci font plus de 320px de large...

actuellement, j'arrive à redimensionner toutes les images de ma page... mais même celles qui ont une largeur infèrieure à 320px... ce qui a pour effet de déformer celle-ci et de les pixéliser selon le pourcentage de redimensionnement...

si quelqu'un peut m'aider, ce serait super sympas :wink:

merci !

Yann
14/02/2006, 15h49
Death83

Je ne crois pas que ca soit possible de faire ca en CSS.

Essai en php c'est assez simple a faire ce genre de chose.

erf...

ça ne m'arrange pas, je ne peux faire que du CSS sur cette page... enfin je crois...

voici le code que j'utilise actuellement (enfin, la partie qui me sert à redimensionner les img, ce code je l'ai recopié à partir d'un autre site...) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<style type="text/css">
.bbzherp{
	resizes: images posted in comments;
	use same width as: blacktext10;
}
.comt img {
	width: 320px;
	max-width: 320px;
	width: auto;
}
.bbzherp{ IE: FIX; }
*html .comt img {
	width: 320px;
}
.bbzherp{
	resizes: linked images including friends profile pic;
}
.comt a img {
	width: 90px;
	max-width: 260px;
	width: auto;
}
.bbzherp{ IE: FIX; }
*html .comt a img {
	max-width: 260px;
	width: auto;
}
.bbzherp{
	resizes: online now image;
}
.comt div img {
	width: 80px;
}
.bbzherp{ IE: FIX; }
*html .comt div img {
	width: 80px;
}
</style>