[RÉGLÉ] alignement des boutons

[zoohayr]

Bonjour,

j'ai eu des difficultés pour aligné les boutons du champs "Votre profil" avec leur champs !

voici le lien de la page : http://www.aidepharmacien.ma/index.php/creer-un-compte

et merci infiniment

[RobertG]

Bonjour,

Essaie, dans ton custom.css de placer :

.registration .control-group input,
.registration .control-group textarea {
margin-left: -185px;
}

[pmleconte]

Bonjour,

Dans votre custom.css, essayez d'entrer :

.radio input[type="radio"] {
width:2em!important;
position:relative:important;
margin-left:5px !important;
}
.radio label {
padding-left:10px !important
}

Pascal

[pmleconte]

Damned, encore grilled par Robert, mais, je ne suis pas sûr que l'on ait vu la même chosed...

Pascal

[RobertG]

Je pense que si : avec cette instruction (qui est à -20 px dans template.css, si je me souviens bien), je déplace les boutons radio à gauche des étiquettes.

[pmleconte]

Je pense que si : avec cette instruction (qui est à -20 px dans template.css, si je me souviens bien), je déplace les boutons radio à gauche des étiquettes.

Effectivement, cela fonctionne aussi. En plus simple.

[zoohayr]

Bonjour tout le monde,

merci infiniment les amis......les deux solutions sont parfaites. sauf que j'ai un site bilingue ! que dois-je faire dans la version arabe ? merci encore les amis.

http://www.aidepharmacien.ma/index.php/ar/2019-09-03-06-46-59

[zoohayr]

Bonjour

ne m'oublié pas plz !

[pmleconte]

Bonjour,

Effectivement, je n'y avais pas pensé.

Donc, cela devrait devenir

[SIZE=12px].radio input[type="radio"]{  
width:2em!important;  
 position:relative !important;
}
radio input[type="radio"][dir:'ltr'] {
margin-left:5px !important;
}
radio input[type="radio"][dir:'rtl'] {
margin-right:5px !important;
}
.radio label[dir:'ltr'] {
padding-left:10px !important
}
.radio label[dir:'rtl'] {
padding-right:10px !important
}[/SIZE]

Je n'ai pas encore essayé ce type de syntaxe, mais cela devrait fonctionner https://stackoverflow.com/questions/...v-with-dir-ltr

Pascal

[zoohayr]

Bonjour pmleconte,

malheureusement ça n'a pas fonctionné ! c'est comme si le fichier custom.css ne prends pas en charge la version arabe ou la fonction "ltr" ne marche plus. le seul code qui fonctionne pour la correction des boutons c'est celui que vous m'avez fourni en haut avec une correction en padding-left à 25px. j'ai contacté les développeurs du template afin de m'expliquer pourquoi le code ne fonctionne pas dans les deux sens ! en attendant .....

[RobertG]

Bonjour,

Avec ma méthode, en arabe, une marge droite à -125px donne à mon avis un résultat correct.
Actuellement, si en français on retrouve bien la marge définie dans le custom.css, en arabe on a la marge par défaut, et pas de récupération d'instruction de custom.css
Ce template a-t-il des feuilles de style dédiées "rtl" ?

[pmleconte]

Bonjour,

Effectivement, Robert a raison vous avez un répertoire css/rtl qui contient son propre fichier custom.css.


Pascal

[zoohayr]

Bonjour RobetG, bonjour Pmleconte
je viens d'avoir la réponse du developpeur du template. effectivement le fichier "rtl" ne prends pas en charge le dossier custom.css ! dû coup je l'ai remplacer par un autre et ça fonctionné. merci infiniment les amis.