Réduire la taille de mon image

Bonjour,

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

Code:

---

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:

---

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.

Bonjour,

Citation:

---

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

---

Essaie avec :

Code:

---

1 2 3

img { max-width: 100%; }

---

Citation:

---

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:

---

1 2 3 4 5

<figure> <img> <figcaption> </figcaption> </figure>

---

salut et merci.

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

Code:

---

1 2 3 4

img { max-width: 100%; }

---

;)