Exclure une image de la classe css générale

[merlinalex]

Bonjour,

J'ai un problème :
j'ai défini une classe pour les images de l'ensemble de mon site :

#content img
{
border-width: 1px;
border-color: #ccc;
border-style: solid;
padding: 5px;
margin: 6px 10px 0 0;
float: left;
display: block;
}

Or je souhaiterais exclure certaines images de cette classe tout en conservant la classe si dessus qui permet de mettre en forme automatiquement les autres images.

Cela doit être possible mais je me prend la tête depuis 2 heures dessus sans succès !

Merci d'avance pour votre aide...

 

[Anonyme]

Là ce n'est pas vraiment une classe, tu changes les bordures des images dans le conteneur portant l'identifiant #content… Pour exclure certaines images, tu dois leur donner une classe justement.

Comme ça, par exemple :

<img src="image.png" class="sansbordures" alt="" />

Avec le code css suivant :

#content img {
    border: #ccc solid 1px;
    padding: 5px;
    margin: 6px 10px 0 0;
    float: left;
    display: block;
}

img.sansbordures {
    border: none;
}

J'ai utilisé la notation raccourcie pour les border.

 

[merlinalex]

yes, ça marche !

pas très doué en css moi...

Merci encore d'avoir pris le temps de m'aider !

 

[Benjamin D.C.]

Juste au passage, le display:block est inutile dès lors que l'élément flotte…