[Résolu] Images pleine largeur

Bonjour

J'en suis à mes débuts avec html et css. Je travaille sur xhtml transitionnal.

J'essaie d'insérer des images pleine largeur (avec marges) qui puissent s'ajuster
lorsqu'on réduit la fenêtre.

J'ai tenté différentes façons sans succès.

Je procède en ajustant les images en mode plein écran (avec les paramètres width et height ajustés avec pixel selon la taille) de manière à ce qu'elles s'ajustent parfaitment avec le texte. Mais lorsque je réduis la fenêtre, le texte cascade mais la photo ne suit pas.

J'ai assigné ces paramètres à ma page avec une balise div après le body.

#contenu {
margin-left: 15%;
width: 70%;
min-width: 900px;
max-widht: auto;
}

Je souhaite que les images s'ajustent à ces paramètres.

Les images sont puisées sur le web et sont de tailles variables.

Tout conseil sera grandement apprécié!!!

Merci

Bonjour,

Essaye d'appliquer les paramètres de tailles en pourcentage directement sur tes photos.

et si tu veux que la taille des images suive le redimensionnement de la fenêtre, je te conseil de passer par la fonction jquery :

$(window).resize(function() {
    //tu appliques le chgmt de taille sur les images ici
});

Merci toukilbv

J'ai appliqué les mesures en pourcentage et ça marche.

L'image s'ajuste parfaitement à la page peu importe la taille de la fenêtre.

width="100%"

Merci encore