Image qui s'adapte à la taille de l'écran [Fermé]

si tout à fait, tu peux utiliser les media queries

http://css.mammouthland.net/css3/media-queries.php

https://openclassrooms.com/fr/courses

Merci beaucoup ! en effet il semble y avoir une solution de ce côté là, mais je ne vois pas comment faire. Quel code dois-je intégrer à mon image ???

Tu met 100% dans ton image qui s'adaptera à 100% de ton contenant et donc à 70% de ta page. Simple nan?

Merci Médéric DIAO !
En effet comme ça l'image reste en place mais se déforme quand même, ce qui semble logique.
Seulement je fais en sorte que le contenant soit de la même largeur que l'image de façon à éviter ce problème. En vain...
Une idée ???

Je pense que c'est bon ! j'ai supprimé la hauteur de l'image et ça semble bien fonctionner !
Merci pour vos réponses !!!

Met en résolu donc ;)

Je le ferrai ! et merci encore ! sauf que là un autre problème se pose ; J'ai dans mon contenant une div dans laquelle il y a des input qui lorsque l'on zoom au maximum sort du contenant.
Des idées ???

Ton code STP?

Ci-après le code :

<div id="conteneur">
<img src="img_contenu/img.jpg" width="100%" alt="img">
<h1>xxxxxxx</h1>
<div id="action" style="width:100%"><a href="xxx.php">
<input name="xxx" type="button" value="xxx" style="width:450px"/>
</a><br>
<a href="fichier.php"><input name="xxx" type="button" value="xxx" style="width:450px"/></a><br>
</div>
</div>

Merci

Met un pourcentage dans ton input au lieux de 450px ;)

Si je mets un pourcentage, effectivement l'input reste en place mais il prend toute la largeur du contenant, seulement ce n'est pas je que je veux ; je veux que l'input soit de 450px et que en zoomant la largeur s'adapte sans sortir...

Je t'ai pas dit de mettre 100% mais tu peux faire des tests en essayant 40% des trucs dans ce genre là ;)

je vais essayer et te dirai ! merci !

Ok, tien moi au courant ;)

presque ! presque ! l'input ne bouge plus ! impec ! mais le texte en value bouge... AHHHHHH !

Je test des que je suis sur mon ordi ;)

ok cool ! j'ai essayé de mettre en pourcentage la taille du texte mais ça ne règle pas le problème !

Je pourrais avoir le code plus grand stp? Là je ne vois pas trop le problème?

Le code plus haut est le code complet de la page. J'ai juste rajouté les pourcentages.
Je te le remets :
<div id="conteneur">
<img src="img_contenu/banniere.JPG" width="100%" alt="img">
<h1>xxxxxxx</h1>
<div id="action" style="width:100%"><a href="xxx.php">
<input name="saisie" type="button" value="Saisir" style="width:45%"/>
</a><br>
<a href="fichier.php"><input name="modification" type="button" value="Modifier" style="width:45%"/></a><br>
</div>
</div>

Mettez simplement
Width : 100% auto;

Le auto recalcule automatique sa hauteur

Merci pour ta réponse ! de quel width parles-tu ?

Fait une feuille de style css ou une classe pour attribuer à l'image.
Largeur 100 %
Hauteur auto

Fait tard, je vous donnerai des exemples demain.

voici le code pour une image qui se justifie sur la largeur :
.images {
height: auto;
width: 100%;
}

et celui ci pour une image de fond :
.fond {
background-image: url(ton-image.jpeg);
background-repeat: no-repeat;
background-size: 100% auto;
}