Modifier la largeur des images par une classe CSS

Bonjour,
si je fais juste

Code:

---

1 2	<img src="/assets/images/nidmontbonnot.jpg" class="width200" alt="Nid de guêpes à Montbonnot Saint Martin" />

---

et

Code:

---

1 2 3

.width200 { width:200px; }

---

la largeur des images est à 100% alors que avec

Code:

---

1 2	<img src="/assets/images/nidmontbonnot.jpg" class="width200" alt="Nid de guêpes à Montbonnot Saint Martin" width="200px"/>

---

une largeur de 200px est bien appliquée. Pourquoi ça marche pas en CSS ?

Je ne sais pas trop, chez moi cela fonctionne avec ce code (évidemment avec une image sur mon serveur) :

Code:

---

1 2 3 4

<style> .width200 { width:200px; } </style> <img src="/assets/images/nidmontbonnot.jpg" class="width200" alt="Nid de guêpes à Montbonnot Saint Martin" />

---

Ton CSS est bien identifié ?

Par contre, je mettrais ton texte en alt (peut être plus court vu que c'est le nom de remplacement si l'image n'est pas là) en title qui sera affiché au survol de la souris sur l'image ;)

Le texte en alt, je l'ai mis aussi en figcaption :

Code:

---

1 2 3 4

<figure> <img src="/assets/images/nidmontbonnot.jpg"class="width200" alt="Nid de guêpes à Montbonnot Saint Martin" width="200px" /> <figcaption>Nid de guêpes à Montbonnot Saint Martin</figcaption> </figure>

---

Par contre, mon CSS, il n'a pas l'air pris en compte (selon la console)...(c'est du local, donc pas possible de donner un lien)

Salut

Peut être en ajoutant position:relative; à ta classe.

Citation:

---

Envoyé par laurentSc

Par contre, mon CSS, il n'a pas l'air pris en compte (selon la console)...

---

Ton lien vers le CSS est bien correct ?
As-tu essayé le code basique ?

Si tu es sous Windows : CTRL + F5 pour effacer la cache du navigateur ... on ne sait jamais :mouarf: