Problème avec le widget login

par Gaët'#5 Lun 23 Fév 2015 - 22:28

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la création du forum
Lien du forum : http://pic-trail.forum-officiel.com/

Description du problème

Bonsoir,

Mon problème est situé sur le widget login. Sur le portail de mon forum.

Je n'arrive pas à mettre les champs de connexion à gauche. Comme vous pouvez le voir sur le screnn.

J'ai essayé plusieurs choses, comme remplacer les align center par align left mais rien ne change.

Pouvez-vous m'aider.

Merci.

Mon "mod_login":

Code:: <div class="TITRE">{L_LOGIN}</div> <div class="background_4"><div class="marge2px"><div align="left"> <div class="inner"><span class="corners-top"><span></span></span>  <form action="{S_LOGIN_ACTION}" method="post"> <fieldset class="fields1"> <dl> <dt><label for="username">{L_USERNAME}:</label></dt> <br /> <dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="{USER&#8288;NAME}" class="inputbox autowidth" /></dd> </dl> <dl> <dt><label for="password">{L_PASSWORD}:</label></dt> <br /> <dd><input type="password" tabindex="2" id="password" name="password" size="20" maxlength="25" class="inputbox autowidth" /></dd> <dd><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></dd> </dl> <dl> <dd> <label for="autologin" style="display:inline;white-space:normal;"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /> {L_AUTO_LOGIN}</label> </dd> </dl> <dl> <dt> </dt> <dd><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd> </dl>  <dl> <dd style="text-align:left;"> <div class="fb_login_widget"> <div class="fb_or_widget">{switch_login.switch_fb_connect_login.L_OR}</div> <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button> </div> </dd> </dl>  </fieldset> </form>   <div class="h3">{L_LOGIN}</div><br /> <form action="{S_LOGIN_ACTION}" method="post"> <p><label for="username"><strong>{L_USERNAME}:</strong></label></p> <p style="height:2em;valign:top;"><input type="text" name="username" id="username" size="15" maxlength="40" value="{USER&#8288;NAME}" class="inputbox autowidth" /></p> <p><label for="password"><strong>{L_PASSWORD}:</strong></label></p> <p style="height:2em;valign:top;"><input type="password" id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" /></p> <p align="left"><a href="{U_SEND_PASSWORD}" rel="nofollow">{L_SEND_PASSWORD}</a></p> <p align="left"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" {AUTOLOGIN_CHECKED} /><label for="autologin"> {L_AUTO_LOGIN}</label></p> <p align="left"><input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></p>  <div class="fb_login_widget"> <div class="fb_or_widget">{switch_login_small.switch_fb_connect_login.L_OR}</div> <p align="left"><fb:login-button size="small" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_login_small.switch_fb_connect_login.L_FB_PERMISSIONS}" class="margTop4">{switch_login_small.switch_fb_connect_login.L_FB_LOGIN_BUTTON}</fb:login-button> </p> </div>  </form>   <div class="h3">{USER&#8288;NAME}</div><br /> <dl class="left-box"> <dt>{USERNAME_AVATAR}</dt> <dd></dd> </dl> <dl class="left-box details"> <dt>{L_MESSAGES} :</dt> <dd> <strong>{NB_MESSAGES}</strong></dd> <dt>{L_PM} :</dt> <dd> {NB_PM_UNREAD} / {NB_PM_READ}</dd> </dl> <br class="clear" /> <p class="left"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></p>   <div class="h3">{USER&#8288;NAME}</div><br /> <div class="box-content"> <dl class="mod-login-avatar"> <dt>{USERNAME_AVATAR}</dt> <dd> </dd> </dl> <dl class="mod-login"> <dt>{L_MESSAGES} :</dt> <dd> <strong>{NB_MESSAGES}</strong></dd> <dt>{L_PM} :</dt> <dd> {NB_PM_UNREAD} / {NB_PM_READ}</dd> </dl> </div> <br class="clear" /> <p class="left"><a href="{U_PROFILE}">{L_MY_PROFILE}</a></p>  <span class="corners-bottom"><span></span></span></div> </div></div>  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_widget_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script></div>

par Ange Tuteur Mar 24 Fév 2015 - 8:37

Bonjour Gaët'#5,

Rendez-vous dans Panneau d'administration > Affichage > Couleurs > Feuille de style CSS

Ajoutez le code suivant :

Code:: .background_4 fieldset.fields1 dd { margin-left:0 }

par Gaët'#5 Mer 25 Fév 2015 - 22:32

Impeccable,

Comme j'utilise le background_4 pour d'autre module, j'ai renommé celui de login.
Cela fonctionne très bien.
Merci beaucoup pour votre aide.

Problème avec le widget login