CSS: question sur l'alignement et les listes

Question

J'ai ce page.

Appuyez sur "Enregistrer".

Y at-il un moyen d'aligner verticalement chaque champ avec le message d'erreur sans donner de marge gauche?

Cordialement

Javi

Answer 1

Vous devez déplacer vos éléments de message d'erreur dans leurs <li class="form_1"> éléments correspondants. Ensuite, attribuez float: left; à chaque élément de message d'erreur.

Answer 2

Mettre tout dans les éléments de la liste sera difficile. Vous pouvez modifier ceci:

<li class="form_1_errores"> 
    <ul class="error_list"> 
    <li>Debes escribir tu e-mail</li> 
    </ul> 
</li> 
<li class="form_1"> 
    <label for="register_password">Contrase&#241;a</label> 
</li> 
<li class="form_1"> 
    <input type="password" name="register[password]" 
    id="register_password"></input> 
</li> 

à ceci:

<li class="form_1"> 
    <label for="register_password">Contrase&#241;a</label> 
    <input type="password" name="register[password]" 
    id="register_password"></input> 
    <ul class="error_list"> 
    <li>Debes escribir tu e-mail</li> 
    </ul> 
</li> 

.form_1 label, .form_1 input, .form_1 ul{ 
    float: left; 
} 

Answer 3

Au lieu d'attribuer un margin-left à chaque article, donner la marge au bloc contenant. #formulario_registro semble être le meilleur candidat.

Aussi comme je l'ai suggéré dans votre autre post: Il n'y a rien de mal à mettre en forme des formes comme ceci avec une table.