[RÉGLÉ] Changer la couleur de bordure des images?

[zebulon437]

Bonjour à tous,
Je souhaite changer la couleur de bordure de toutes les images de mon site ( https://www.velo-club-valreas.com/Pr...dex.php/en-us/). J'ai réussi à le faire en ajoutant dans l'appel de chaque image la propriété color ce qui donne par exemple :

<img class="float-none" style="border-width: 2px; border-style: solid; color: #f3b880; margin: 10px;"

Pour l'instant je n'ai pas trop d'images, donc j'ai ajouté cette propriété dans toutes les images mais cela me parait "délicat" à maintenir. Du coup j'aimerai pouvoir le rajouter à mon user.css pour n'avoir qu'un seul endroit à modifier en cas de changement de couleurs. J'ai fait plusieurs essais, mais je n'arrive pas a trouver car je ne maitrise pas css. Le dernier essai était le suivant :

 /*change couleur de bordure des images */
.border-style {
 color: #f3b880;
}
​

mais il n'a pas marché mieux que les autres
Un petit coup de main sur ce sujet serait le bienvenu.
Merci d'avance à tous pour votre aide

[zebulon437]

Je me répond à moi même après un essai supplémentaire afin que si quelqu'un d'autre est confronté au même problème il trouve la solution

le code à ajouter dans le user.css est le suivant :

 /*change couleur de bordure des images */
.float-end {
color: #f3b880;
}
.float-none {
color: #f3b880;
}​
​

[lefabdu51]

bonjour, si la classe est ajoyuté manuellement pour chaque image, il vaux mieux ecrire ceci

<img class="float-none border-style" />

et dans le fichier user.css :

.border-style {
color: #f3b880;
border-width: 2px;
border-style: solid;
margin: 10px;
}​

Les classes que tu cible sont souvent utilisées sur d autres éléments, tu risque d'avoir des effets de bord. Float-end = flottant à la fin du conteneur div. Float-none = aucun flottement de la div. Elles servent pour le positionnement des éléments.