28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Est-il possible d'adapter une image de taille quelconque dans un div de taille fixe ?
Par exemple j'ai div div de 120px de hauheur, 120px de largeur et je voudrais
que mon image s'adapte à son conteneur(sans que l'image soit tronquée ) simplement avec du code html et css et sans utiliser de tableau.
J'ai essayé tous les attributs du div je n'y suis pas arrivé (sauf avec l'aide d'un tableau ).
Salut,

Tu peux utiliser la syntaxe suivante si ton image est dans une balise <img> et celle-ci dans ta div:

tadiv, tadiv img{
width:120px;
height:120px
}


Si c'est un background-image de ta div, tu ne peux pas la modifier à l'aide d'attributs.
C'est le genre de chose qu'il vaut mieux gérer du côté du serveur, effectivement, pour:
1) éviter à l'utilisateur un téléchargement d'une image de grande ou moyenne taille pour afficher une vignette...;
2) obtenir une meilleure qualité d'image affichée (les navigateurs ne sont pas très bons pour rééchantillonner les images).

Cependant, si on se contente d'une adaptation en CSS, le mieux est d'utiliser un max-width: 100% (sur l'image) par exemple.