Dimensionement image dans cadre css
julien
-
julien -
julien -
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 :)
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 :)
A voir également:
- Dimensionement image dans cadre css
- Image iso - Guide
- Comment faire un cadre sur word - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
4 réponses
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.
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%;">
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.
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.