Supprimer bordure sur image gadget

64 views
Skip to first unread message

Claude VIQUESNEL

unread,
Apr 9, 2023, 10:38:45 AM4/9/23
to Forum Blogger Ambassade Francophone
Bonjour
 J'ai rajouté le code css img {border: 4px solid rgb(92, 1, 1);} pour que mes images soient entourées, quand j'ai besoin de la supprimer dans une page ou un article, je vais dans la rédaction html donc pas de souci mais la je voudrais enlever la bordure d'une image que j'ai mise dans un widget
Capture d’écran 2023-04-09 à 16.32.12.png
J'aimerais aussi réduire sa taille
Merci de votre aide

Forum Blogger Ambassade Francophone

unread,
Apr 9, 2023, 12:09:09 PM4/9/23
to Forum Blogger Ambassade Francophone
Bonjour,

La déclaration CSS que tu as ajouté peut être restreinte uniquement aux contenus des articles.
En apportant cette petite modification (en rouge), les images hors des articles ne seront plus ciblées :

.blog-post img { border: 4px solid rgb(92, 1, 1);


Cordialement :)

Claude VIQUESNEL

unread,
Apr 10, 2023, 2:21:59 AM4/10/23
to Forum Blogger Ambassade Francophone
Merci beaucoup, ça fonctionne super bien 👍

Claude VIQUESNEL

unread,
May 31, 2023, 7:50:02 AM5/31/23
to Forum Blogger Ambassade Francophone
Bonjour, je remonte cette conversation car dans certains articles j'aimerais supprimer la bordure pour les images avec du transparent 
Alors, je vais dans affichage html et j'ajoute  après <img style="border:none;" src=""/> mais ça ne supprime pas la bordure
Comment y arriver  svp ? Merci
Cordialement

Forum Blogger Ambassade Francophone

unread,
Jun 3, 2023, 4:32:40 AM6/3/23
to Forum Blogger Ambassade Francophone
Bonjour,

La valeur "none" n'est pas reconnue avec la déclaration "border". Pour ne pas afficher la bordure, il est préférable de redéfinir une largeur de 0.

border-width: 0px;


Cordialement :)

Claude VIQUESNEL

unread,
Jun 3, 2023, 4:46:52 AM6/3/23
to blogg...@googlegroups.com
Merci beaucoup, j'ai essayé mais ça ne fonctionnait pas et je me suis dit qu'il fallait que je fasse de même pour l'ombre et j'ai rajouté "border-width: 0px;box-shadow:0px 0px 0px transparent;" et ça fonctionne super
👍
bien à toi
--
La Communauté ne peut vivre qu'à travers ses membres ! C'est vous qui construisez cet espace à votre image. Comment faire ? :
 
• Poser des questions : votre question n'a pas encore été abordée ? Lancez un nouveau sujet dans le forum et attendez qu'un membre vienne vous aider.
• Aider les autres : un sujet n'a pas encore de réponse et vous avez la solution ? Proposez-la et peut-être qu'elle conviendra !
• Remercier : un membre donne la bonne réponse à votre question ? Remerciez-le et notez-la comme "meilleure réponse"
• Participer : une Communauté doit être vivante. N'hésitez pas à prendre part aux discussions en cours pour apporter un point de vue nouveau sur un sujet.
---
Vous recevez ce message, car vous êtes abonné à un sujet dans le groupe Google Groupes "Forum Blogger Ambassade Francophone".
Pour vous désabonner de ce sujet, visitez le site https://groups.google.com/d/topic/blogger-fr/_dAe-ZYgpGo/unsubscribe.
Pour vous désabonner de ce groupe et de tous ses sujets, envoyez un e-mail à l'adresse blogger-fr+...@googlegroups.com.
Cette discussion peut être lue sur le Web à l'adresse https://groups.google.com/d/msgid/blogger-fr/832cbcc3-271d-4393-b840-bd7a03190259n%40googlegroups.com.

Forum Blogger Ambassade Francophone

unread,
Jun 3, 2023, 5:46:52 AM6/3/23
to Forum Blogger Ambassade Francophone
C'est encore possible. ça dépend du thème et des ajouts personnels. Le mieux est d'utiliser l'inspecteur du navigateur sur l'image pour connaître toutes les déclarations qui y sont appliquées. ;)

Claude VIQUESNEL

unread,
Jun 3, 2023, 5:49:01 AM6/3/23
to Forum Blogger Ambassade Francophone
OK, merci beaucoup
Reply all
Reply to author
Forward
0 new messages