Espacement entre les champs de mon <form>

Fermé
Okahiro - Modifié par Okahiro le 29/09/2012 à 19:39
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 - 29 sept. 2012 à 22:16
Bonjour, je m'adresse à vous car j'ai un petit problème : je ne sais pas comment modifier l'espace entre les champs de mon formulaire. Voici mon bout de code :


<form method="post" action="index.php"> 
<p> 
<label for="pseudo">Pseudo</label> 
<input type="text" id="pseudo"></br> 
<label for="mdp">Mot de passe</label> 
<input type="password" id="mdp"></br> 
<label for="auto">Rester connecté</label> 
<input type="checkbox" id="auto"></br></br> 
<input type="submit" id="bouton-connexion" value="Connexion"> 
</p> 
</form> 


et le CSS


label{ 
 display: block; 
 width: 150px; 
 height:21px; 
 float: left; 
 padding-left:10px; 
 font-family:verdana; 
 font-size:105%; 
 text-shadow:2px 2px 4px #999; 
 color:#6a6a6a; 
} 

input{ 
 height:16px; 
 border-radius:7px; 
 background-color:#d4d4d4; 
} 


Si vous avez des idées n'hésitez pas, merci d'avance
Okahiro

EDIT : je parle de l'espacement entre les "lignes" et non l'espacement horizontal

1 réponse

mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
29 sept. 2012 à 22:16
On appelle ca l'interligne, il te suffit de choisir la valeur de celui via le css :

line-height: 100%;

100% = interligne normal

Au lieu de %, tu peux mettre en pixel, en em, en nombre, etc.

https://www.w3schools.com/cssref/pr_dim_line-height.asp

0