Modifier la page de login (invision)

[ladeessedeleau]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://lighter-life.forumactif.com/

Description du problème

Bonjour,

Ma page de login n'est pas très jolie, et je ne comprends pas pourquoi tout est mis en page comme ça (le lien "s'enregistrer" est directement après la phrase, et les deux champs de texte ainsi que leur libellé ne sont pas alignés...).

Que puis-je faire pour remédier à ce problème ?

Cordialement

[MasDan]

Bonjour ladeessedeleau,

Pour s'enregistrer c'est le positionnement par défaut mais il est possible de forcer un saut de ligne, ajouter ce code javascript(placement sur toutes les pages).

Code:

$(function(){
  if (location.pathname == "/login") {
    $("<br />").insertBefore("a[href='/register']");
  }     
});

Pour le bloc connexion, c'est la combinaison du margin de .5em et du font-size de 15px qui cause problème mais nous pouvons corriger en modifiant le margin à .4em.
Ajouter à votre CSS

Code:

div.login fieldset label {
  margin: .4em 0;
}

[ladeessedeleau]

Ca marche, c'est parfait ! Merci beaucoup