Mise en forme d'un formulaire en HTML/CSS

Version imprimable

Bonjour à tous, alors j'ai un petit problème, simple à résoudre je pari pour les bons connaisseur de ces 2 langages, donc je m'adresse à vous.
Voilà mon petit bout de code HTML:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<form> 
       <fieldset> 
               <legend class="laLegende">Identification</legend>  
                  <p class="test"> 
                        <label for="identif" tabindex="1" >Identifient :</label> 
                        <input type="text" name="identif" size="20" /> 
                   </p> 
                   <p class="test"> 
                        <label for="mdp" tabindex="1">Mot de Passe :</label> 
                        <input type="text" name="mdp" size="20" /> 
                  </p> 
        </fieldset> 
</form>

Et voici le code CSS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
form{ 
 margin-top:20px; 
 margin-left:35px; 
 margin-right:50px; 
} 
p.test{ 
 overflow:hidden; 
 width:100%; 
} 
p.test label{ 
 float:left; 
 width:100px; 
 text-align:right; 
} 
p.test input{ 
 margin-left:15px; 
}

Le résultat est presque celui que j'ai voulu, c'est ça:
http://hpics.li/7b6447d

Maintenant, mon souhait c'est de supprimer ce blanc qu'il y a entre les 2 lignes.
Est ce possible?
Merci d'avance

17/09/2011, 11h21
Invité

Citation:

Envoyé par Lenden

Maintenant, mon souhait c'est de supprimer ce blanc qu'il y a entre les 2 lignes.

Bonjour,

Citation:

p.test{
overflow:hidden;
width:100%;
margin:0;
}

Ça répond à la question ?

ps : <label for="..."> -> correspond à id="..."~~, pas name="..."~~

Citation:

<label for="identif" tabindex="1" >Identifiant :</label>
<input type="text" id="identif" name="identif" size="20" />
17/09/2011, 11h24
Atomya Rise

Si tu parle du blanc qu'il y a entre identification et mot de passe, alors il faut simplement que tu ajoutes un padding: 0; margin: 0; sur ta balise <p>

Ensuite si cela concerne les espaces au dessus et en dessous de ton formulaire, il faut faire la même chose, mais pour la balise <form> comme ceci : form { padding: 0; margin: 0; }
17/09/2011, 11h27
Invité

Merci pour vos réponses, les 2 solutions marchent :)