Balise image et taille

Bonjour,
Voila je veut faire une page galerie d'image, et je rencontre un truc qui me pose question.
Pourquoi quand on met une image dans un conteneur qui a une taille fixée l'image prend quand même sa taille normale?

Exemple:

<ul>
	<li height="122" width="163">
		<img src="DSC00404.JPG" alt="" />
		<p><strong>Titre de l'image</strong> Infos complémentaires</p>
	</li>
	<li>
		<img src="DSC00404.JPG" alt="" height="122" width="163" />
		<p><strong>Titre de l'image</strong> Infos complémentaires</p>
	</li>
</ul>

La première image est de taille normale c'est a dire immense alors que le conteneur a une taille fixée :s
La deuxième image en revanche cela marche.
Voila j'espère que vous répondrez a ma question
Merci

Salut.

L'image a ses dimensions propres. C'est un contenu de type en-ligne, qui par défaut ne s'adapte pas à la largeur de son conteneur, et elle ne peut pas revenir à la ligne comme du texte.

Sauf indications contraires, elle s'affiche en "grandeur réelle", et déborde donc du conteneur, pour peu que celui-ci laisse déborder son contenu (autrement dit si la propriété overflow est visible).
Modifié par Thomas D. (27 Feb 2007 - 13:52)

Ah ok, alors une deuxieme question me vient, comment faire un affichage d'image a la facon de google image?

Bonjour,

2 solutions:
- la mauvaise: redimensionner côté client les images en vignettes via CSS (propriété CSS width des img)
- la bonne: fabriquer de véritables vignettes (des images à la taille désirée)

Entre les deux, tout dépend du rapport de taille entre images et vignettes...
Modifié par Laurent Denis (27 Feb 2007 - 13:49)

Ouai effectivement creer des vrai miniature c'est ce que je pensai faire, mais comment normaliser la taille. C'est a dire quelles ai a peut pres toute la meme taille en mini?