Discussion :

[sam01]

Bonjour,

je ne parviens pas à réduire la taille de mon image :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
    <p><b>1ère:</b></p>
            <p>Une recette sucrée: <b>Les cookies Américain</b></p>
            <div class="imgrecette">
				<img src="Img/cookie.jpg">
			</div>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.imgrecette{
	text-align:center;
	width:100px;
	height:100px;
	border: 10px solid black;
}

J'ai mis mon image dans un DIV pour la réduire et aussi pour mettre du texte à droite de mon image.

Merci d'avance pour votre aide.

[NoSmoking]

Bonjour,

je ne parviens pas à réduire la taille de mon image

Essaie avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
img {
  max-width: 100%;
}

J'ai mis mon image dans un DIV pour la réduire et aussi pour mettre du texte à droite de mon image.

Il existe la structure suivante pour faire cela :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<figure>
  <img>
  <figcaption>
  </figcaption>
</figure>

[sam01]

salut et merci.

Pour le coup de l'image à 100% ça focntionne.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
img {
  max-width: 100%;
}