28173 sujets

CSS et mise en forme, CSS3

[résolu]Alignement vertical de champs de formulaires

Bonjour,

Html : 
 <div class="div_login">
    <form id="login" method="post" action="">
      <fieldset>
      <legend>Identifiez-vous</legend>
      <label for="login">Nom d'utilsateur : </label>
        <input name="login" type="text" id="login" size="12" maxlength="12" />
        <br/>
      <label for="password">Mot de passe :</label>
      <input name="password" type="password" id="password" size="12" maxlength="12" />
      </fieldset>
    <input name="valider" type="submit" id="valider" value="Valider" />
      <input type="reset" name="Submit" value="R&eacute;initialiser" />
    </form>
  </div>


CSS : 
.div_login {
	margin-right: 25%;
	margin-left: 25%;
}
#login label {
	width: 40%;
}

Alors que l'ajout dun fond me prouve que je ne me suis pas trompé de dénomination (ce sont bien les labels désirés qui prennent la couleur) modifier la valeur width de #login label ne semble pas influer sur la largeur de ceux-ci pourquoi ?

Mon but : obtenir deux champs stricictement alignés l'un en dessous de l'autre avec chaque couple champs-label sur une ligne.

Pour l'instant, j'ai un champs décalé par rapport à l'autre.

Merci de votre aide
Modifié par flyjet (10 Jan 2007 - 18:29)
Ok, ca marche, webDevelopper ma permis de voir les CSS de la page et de m'appercevor que la seule différence entre son formulaire et le mien était que le mien n'était pas dimensionné. Du coup, la propriété width n'avait fort logiquement aucune influence. merci de mettre résolu, je n'ai vu le bouton
a écrit :
merci de mettre résolu, je n'ai vu le bouton

?? C'est à toi à le mettre et il y a que toi qui peut le faire.
Ok, je croyais qu'il y avait un bouton comme on en voit sur d'autre site. => suggestion d'amélioration. Autant pour moi
Sujet clos
Aller à