[RÉGLÉ] Problème épaisseur bordure image avec popup JCE Mediabox

[casdyn]

Bonjour,

Lorsque les bordures des images sont paramétrées dans JCE sur 1 px d'épaisseur, cette épaisseur est doublée (2 px) pour les images qui ont un popup JCE Mediabox : voir www.fapisere.fr. C'est assez inesthétique.

Je constate cette anomalie depuis quelques temps, probablement à la suite d'une mise à jour, soit de Joomla, soit de JCE : quelqu'un aurait-il une idée pour résoudre ce problème ?

Merci d'avance

[Eddy.vh]

Bonjour.

Tes images ont, semble-t-il, un border:inherit; en css inline, ils prennent dès lors le paramètre de leur parent <a> à qui tu ajoutes ce bord.
Il faut trouver la source de cette insertion de bordure héritée et la neutraliser.

[casdyn]

Merci.

Cependant, cette réponse me surprend, car si dans JCE je ne demande pas de bordure je n'ai aucune bordure héritée. Mais peut-être est-ce moi qui ne comprend pas bien cette réponse car je ne suis pas un expert en css.

[Eddy.vh]

Ce n'est pas surprenant mais parfaitement normal, si le parent n'a pas de bordure et que l'enfant hérite de ce même paramètre, alors il n'a pas de bordure !

inherit = Héritage = Le parent à un réglage de bordure, si l'enfant à un border:inherit; alors il hérite du paramètre de bordure de son parent.

• Bordure pour l'un bordure pour l'autre.
• Pas de bordure pour l'un, pas de bordure pour l'autre… CQFD

Je complète avec une capture d'écran du code source d'une de tes images avec lightbox JCE.

L'image étant hiérarchiquement l'enfant du lien qui a la bordure, elle lui est donc reportée par inherit…

[casdyn]

Je ne vois pas bien quelle serait l'image parent ...

Le code de l'article dans l'administration Joomla ne comporte pas cette notion d'héritage :

<p style="text-align: justify;"><a class="jcepopup" href="images/associations_agenda/Mathias_POISSON_1.jpeg" data-mediabox="1">
<img style="border: 1px solid #a6a6a6; margin-left: 8px; float: right;" src="images/associations_agenda/Mathias_POISSON_1.jpeg" alt="Mathias POISSON 1" width="100" height="140" /></a> .... </p>

J'en conclus que c'est le plugin jcepopup qui introduit cet héritage : il y a peut-être un paramètre à modifier dans JCE ou dans JCE Mediabox, mais lequel ?

[Eddy.vh]

Il n'y a pas d'image parent ! L'image est l'enfant de la balise c'est donc le lien qui est le parent. C'est lui qui englobe l'image...
Je ne crois pas que JCE soit le responsable à points d'un paramètre dans sa config.
Faudrait que je jette un oeil.

[casdyn]

Bonjour,

Pour information, sur le conseil de mihaly (Sarki Multimédia), j'ai résolu le problème en ajoutant dans le fichier custom.cs du template l'attribut css :

a.wfpopup.wf-zoom-image img { border: none !important; }

Par ailleurs, j'ai signalé ce bug sur le forum du développeur de JCE : https://www.joomlacontenteditor.net/support/forum