[HTML 5] Taille maximal d'une image [Résolu]

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é.

27/11/2011, 16h48	#1
Stefan0 Invité régulier Lycéen Inscription : novembre 2011 Messages : 10 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Lycéen Informations forums : Inscription : novembre 2011 Messages : 10 Points : 6 Points : 6	Taille maximal d'une image 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!
	00

27/11/2011, 17h01	#3
Stefan0 Invité régulier Lycéen Inscription : novembre 2011 Messages : 10 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Lycéen Informations forums : Inscription : novembre 2011 Messages : 10 Points : 6 Points : 6	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é.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email