Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Mettre un cadre aux images

67 appréciations
Hors-ligne
Bonjour,
je souhaiterais ajouter un cadre à toutes les photos de mon blog.
J'ai essayé ça en CSS : img{ border: 1px solid black; }  mais ça ne marche pas.


320 appréciations
Hors-ligne
Bonsoir Al,

Mets ce code CSS que tu ajusteras selon ton choix


2px est l'épaisseur du cadre
solid = trait plein
#000000 couleur noire

Selon ce que tu veux faire tu peux adapter le style de bordure :

pointillés tu mets dotted à la place de solid
pointillés écartés entre eux dashed                
trait double épaisseur double               "

Bonne soirée,



67 appréciations
Hors-ligne
Bonjour Nana,
c'est bien ce que j'avais mis mais ça marche moyennement.
Je viens de m'apercevoir d'un truc, c'est que seule les photos insérées à partir de la boîte sont encadrées. Les autres issue directement de mon ordi n'ont pas de cadre. Bizarre non ?

67 appréciations
Hors-ligne
Bonjour,

Je reviens sur ces  histoires de cadre qui n'ont pas l'air de passionner grand monde.
En fait les cadres n'apparaissent pas si un lien est lié aux images.
Quand on va chercher une image directement sur l'ordi, le logiciel génère un lien Big et le cadre disparaît. 
Par contre si l'on charge une image depuis la boîte de fichiers, aucun lien n'est généré et le cadre apparaît bien.
Voilà, c'était juste pour faire part de ce que j'avais trouvé.

320 appréciations
Hors-ligne
Bonjour Al, on va demander à @Maelyne@ si elle a une idée de ce phénomène bizarre !



67 appréciations
Hors-ligne
Je ne sais pas qui est  @Maelyne@ ni pourquoi tu mets un lol. 

320 appréciations
Hors-ligne
Maelyne est la propriétaire de la plateforme BLOG4EVER

J'ai mis un lol car je parlais de "phénomène bizarre", tu n'as pas d'humour ???



1015 appréciations
Hors-ligne
Bonjour,

Effectivement, il y a une règle CSS qui supprime automatiquement les bordures sur les images qui sont contenues dans des balises de lien.

Essaye cette règle CSS, cela devrait contourner l'autre règle existante :

.articles_index_contenu_article img, .blog-article img {
border: 1px solid #000000 !important;
}

Cela permettra de cibler spécifquement les images qui sont dans des articles.
Si tu mets une règle globale que sur la balise img, cela s'appliquera à toutes les images de ton site, sans discrimination, ce qui n'est pas forcément une bonne idée. Tu risquerais d'obtenir un résultat visuel étrange, dans l'aspect global du site.

Bonne journée.
Flora Maelyne
Responsable Blog4ever
Développeuse & Graphiste

67 appréciations
Hors-ligne
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Demandes de conseils.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6118 autres membres