Captcha non entièrement visible

Bonjour,
J'ai installé un captcha gratuit (key Captcha) qui fonctionne avec Communirty Builder (cb-tregistration) sur mon site joomla 3.8.12.
A l'affichage il apparait avec un cadre dont il manque les parties droite et basse. Je pense que ça vient d'un z-index ou d'une erreur CSS.
J'ai pu le recadrer horizontalement sur ma page mais j'ai des difficultés avec l'empilement des blocs (z-index).
http://www.rhone-alpes-petanque.fr/i...-registration/

Bonjour,

1- change de captcha :
Il est trop compliqué à utiliser (déplacer plusieurs bouts d'images !!! :cfou:)
Tu imagines ça sur un smartphone ?? (et pour peu qu'on soit mal ou non voyant, il est juste impossible).
A moins que tu aies envie que PERSONNE ne s'inscrive ?...

• C'est bien de vouloir se protéger des robots et spams...
• Mais il faut aussi rendre la tâche "facile" pour les VRAIS internautes !

2- Quant à ta question :
"z-index" est parfaitement innocent. :mrgreen:

C'est ce div le coupable : il est trop petit (de quelques pixels).

Code:

---

<div id="s_s_c_border" style="z-index: 96; ... width: 540px; height: 178px; ...">

---

Il manque manifestement dans le calcul des dimensions l'épaisseur de la bordure (2 x 1px) :
Avec width: 542px; height: 180px;, c'est bon. :aie:

Mais vu que le code HTML (dû à joomla ou à toi ?) est une horreur à lire... et que les dimensions sont écrites en ligne (dans le <div>)...
Difficile à dire ce qui doit être modifié dans le script (surement celui du captcha lui-même)


Mon CONSEIL : CHANGE de captcha... !
(en plus, il n'est pas "responsive"...)

Bonjour,
Comme c'est le seul gratuit pour Community Builder pour l'instant je vais le garder ou mettre un enregistrement joomla.

Citation:

---

C'est ce div le coupable : il est trop petit (de quelques pixels).

---

J'ai tenté dans mon custum.css ceci

Code:

---

1 2 3

#s_s_c_border{ height: 180px; }

---

Ca ne fonctionne pas.
Par contre ce qui fonctionne c'est ceci (pas trés propre)

Code:

---

1 2 3

#b53c0083310bbc00df3abfd635017{ background-color :#000000; }

---

Merci pour ta réponse explicive, j'ai compris le probléme.

1- ça devrait fonctionner en mettant :

Code:

---

1 2 3 4

#s_s_c_border { width: 542px !important; height: 180px !important; }

---

Mais ça reste une "rustine" !...


2- Les textes sont trop petits (difficile à lire).
Ajouter aussi :

Code:

---

1 2 3

form#cbcheckedadminForm { font-size:16px; }

---

Idem pour le body sur l'ensemble du site (12px, ce n'est pas suffisant pour bien lire).
Dans custom.css, ligne 75 :

Code:

---

1 2 3 4 5

body { ... font-size:16px; ... }

---

Merci pour le support!