Espacement entre les champs de mon <form>
Okahiro
-
mimigenie Messages postés 1180 Date d'inscription Statut Membre Dernière intervention -
mimigenie Messages postés 1180 Date d'inscription Statut Membre Dernière intervention -
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 :
et le CSS
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
<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
A voir également:
- Espacement entre les champs de mon <form>
- Espace de stockage gmail plein - Guide
- Google form sans compte google ✓ - Forum Google Docs
- Espacement entre les mots word ✓ - Forum Word
- Google form adresse mail du créateur non visible - Forum Google Docs
- Problème avec les réponses de Google Forms - Forum Webmastering
1 réponse
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
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