[Résolu] Classe ou ID

Bonsoir,

Je suis sur Wordpress et je voudrais pouvoir, à l'intérieur d'un article, différencier les petites images (style icones) des autres images en leur otant la bordure qui alourdit l'ensemble.

La classe qui régit les images insérées dans les paragraphes

p img { padding: 0; max-width: 100%; }

j'ai crée un id pour les différencier des autres

#sansbord{  border:none }

mais ça m'oblige à multiplier les id="#sansbord" et je crois qu'une seule est autorisée dans une page.

Est-il possible de faire autrement?

Je sèche.

merci

Hello,

Pour le moment, tu n'utilises pas de classes justement.

Il suffit d'en créer :

<img class="sansbord" ...>

et de les appeler ainsi :

.sansbord{  border:none }

merci pour ton passage.

J'ai ce problème:
Voilà le html généré par WP, je change :

<img class="[b]alignleft [/b]size-full wp-image-257" alt="repere_2" src="http://127.0.0.1/chemin%20des%20cretes/wp-content/uploads/2013/01/repere_2.png" width="155" height="29" />

par

<img class="[b]sansbord [/b]size-full wp-image-238" alt="facile" src="http://127.0.0.1/chemin%20des%20cretes/wp-content/uploads/2013/01/facile.png" width="155" height="29" />

les images reviennent avec la bordure malgré l'ajout de border:none

.sansbord{ padding: 0; max-width: 100%;  border:none }

Dans ce cas, tu as forcément une autre règle ailleurs (de bordure) qui prend le dessus.

Essaye d'ajouter du poids à ta règle :

.sansbord{ padding: 0; max-width: 100%;  border:none [b]!important;[/b] }

En passant, puisque toutes tes vignettes font 155px de large, tu pourrais très bien ne pas avoir besoin de leur ajouter une classe en ciblant tout simplement les images qui font 155px de large

img[width="155"]{ padding: 0; max-width: 100%;  border:none [b]!important;[/b] }

Nickel, !important fait le boulot!

Quand à

img[width="155"]{ padding: 0; max-width: 100%;  border:none !important; }

je garde la bordure pour les vignettes mais je vais sûrement l'utiliser pour autre chose!


Merci pour ton aide Raphaël et bonne soirée!