Sur mon site web, je voudrais afficher les images téléchargées par l'utilisateur dans une nouvelle fenêtre avec une taille spécifique ( width: 600px ). Le problème est que les images peuvent être grandes. Donc, si elles sont plus grandes que celles-ci 600px Je voudrais les redimensionner en conservant le rapport hauteur/largeur.
J'ai essayé le max-width CSS, mais cela ne fonctionne pas : la taille de l'image ne change pas.
Y a-t-il un moyen de résoudre ce problème ?
HTML :
<div id="ImageContainerr">
<img src="DisplayImage.do?ad_id=${requestScope.advert.id}" class="Image" />
</div>CSS :
img.Image { max-width: 100%;}
div#ImageContainer { width: 600px; }J'ai également essayé de définir le max-width: 600px pour une image, mais ça ne marche pas. L'image est diffusée depuis une servlet (elle est stockée en dehors du dossier webapps de Tomcat).
