Discussion :

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Invité]

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

Bonjour,

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

Ça répond à la question ?

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

<label for="identif" tabindex="1" >Identifiant :</label>
<input type="text" id="identif" name="identif" size="20" />

[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; }

[Invité]

Merci pour vos réponses, les 2 solutions marchent