Taille maximal d'une image

**Stefan0** · 27/11/2011, 16h48

Bonjour,

Dans mon site, les blocs <section> et <nav> sont côte à côte grâce à

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

float: left;

pour <nav> et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-left: 230px;

pour <section>.
J'ai une image dans section qui était de largeur fixe. Mais lorsque que je réduisais la fenêtre tel que la somme de la largeur de l'image et la largeur du bloc <nav> était supérieur à la largeur de la fenêtre, le bloc <section> passait en dessous <nav>.
J'ai donc mis une largeur en % pour régler le problème, l'image s'adaptait à la fenêtre. Le soucis maintenant, c'est que l'image devient trop grande si la fenêtre est agrandis au maximum. Je voudrais donc imposer une largeur maximal à l'image, mais je ne sais pas le faire.
La ligne <html> de l'image est la suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="mon-image.jpg" width="80%">

Merci d'avance pour votre aide!

**Macmillenium** · 27/11/2011, 16h57

Essaye

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
img { max-width:100% }

**Stefan0** · 27/11/2011, 17h01

Merci pour ta réponse. J'ai essayé mais il n'y a aucun changement visible.
EDIT : J'ai réussis en mettant une id à l'image et en indiquant une largeur maximal en px (en % ça ne fonctionne pas

) à l'id dans le css. Merci à Macmillenium, ma solution dérive de celle qu'il m'a donné.

Taille maximal d'une image [HTML 5]

HTML

Discussions similaires

Partager

Partager