Discussion :

[laurentSc]

Bonjour,
si je fais juste

Code html :

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

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

et

Code css :

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

1
2
3
 .width200 {
        width:200px;
    }

la largeur des images est à 100% alors que avec

Code html :

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

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 ?

[ddaweb]

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

Code HTML :

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

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

[laurentSc]

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

Code html :

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

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)

[ProgElecT]

Salut

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

[ddaweb]

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