Discussion :

[wroom69]

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/

[Invité]

Bonjour,

1- change de captcha :
Il est trop compliqué à utiliser (déplacer plusieurs bouts d'images !!! )
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.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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.

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"...)

[wroom69]

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

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

J'ai tenté dans mon custum.css ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#b53c0083310bbc00df3abfd635017{
background-color :#000000;
}

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

[Invité]

1- ça devrait fonctionner en mettant :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
body {
...
   font-size:16px;
...
}

[wroom69]

Merci pour le support!