28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai besoin d'afficher dans une div de 150/150 des images qui proviennent d'un autre site, je les récupére avec un lien externe du style : http://www.site.com/images/image.jpeg

Ces images ont généralement des dimensions bien supérieures à 150/150 et ne sont pas systématiquement carrées.

Comment faire, donc, pour les redimensionner en conservant les proportions ?
J'ai essayé de faire

img {
width: 150px;
height: auto;
}

Je voudrais éviter d'utiliser un overflow: hidden;

Merci pour vos conseils...
La solution que tu donne fonctionne très bien pour les redimensionner proportionnellement en largeur. En revanche la hauteur la varier en fonction des images.

Si tu veux que les images s'adaptent pour loger dans u ndiv de même dimension pour toute, alros il te faut gérer cela dynamiquement avec du javascript.
Il faut alors récupérer les dimensions de tes images pour les redimensionner en largeur ou en hauteur, suivant si elles ont un format portrait ou paysage.
Smiley fache gniiii c'est justement ce que je ne voulais pas faire, utiliser un javascript ou du php...

Je vais essayer de bidouiller une solution...