dimensionement image dans cadre css Fermé

Question

Bonjour, 
voilà mon problème est-que dans une de mes pages html j'ai une image qui lorsque l'on réduit la taille de la page ne se redimensionne pas automatiquement et donc dépasse du cadre. voila le code .css: 
#article
{
    margin: 10vh 25% 5vh 25%;
    width: auto;
    color: #000;
    padding: 40px 20px;
    border: 2px #12355A solid;
    position: relative;
}

Merci de votre aide :)
Configuration: Windows 7 / Chrome 40.0.2214.111

tusk · Answer

Salut,

pour donner une taille en css il faut utiliser la propriété width.
Si les dimensions sont absolue elle ne changeront pas.

Pour faire bien et s'adapter à toutes les tailles il faut que vous utilisiez des dimensions relatives, par exemple proportionnelle.

unités fixé:px,pt
unités proportionnelle: %, em

sinon vous parlez d'image mais il n'en est pas question dans votre code.

Si c'est un élément de la page regarder la balise image(<img />) et éventuellement lui attribuer une classe.
Si c'est une image de fond il y a d'autre moyen de donner des dimensions.

julien · Answer

Merci de ta réponse,
en fait j'insère un image et un texte dans un cadre.
(http://projetsti2d2015.webou.net/Site%20Web/fichiers/planning.html)
Comme vous pouvez voir par vous même l'image ne se redimensionne pas avec le cadre. Mais merci de ton conseil je vais me pencher la dessus alors. :)

codeurh24 · Answer

bonsoir, il faut que ton image est une largeur de 100%
sa lui permetra de sélargir au maximum par rapport a la taille de son parent.

<img src="images/mindview_mini.jpg" style="width: 100%;">

julien · Answer

Merci codeurh24,
ta solution m'a super bien aidé et a résolu mon problème merci beaucoup ! :)

Dimensionement image dans cadre css

4 réponses

Discussions similaires