Posez votre question Signaler

Mise en forme du formulaire en HTML/CSS

Lenden 141Messages postés 30 août 2007Date d'inscription 26 mai 2012Dernière intervention - Dernière réponse le 17 sept. 2011 à 11:23
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:
<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:
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/deeb62a
Maintenant, mon souhait c'est de supprimer ce blanc qu'il y a entre les 2 lignes.
Est ce possible?
Merci d'avance
Lire la suite 

Mise en forme du formulaire en HTML/CSS »

5 réponses
Réponse
+0
moins plus
Salut,
Il faut que tu supprimes les paragraphe => <p class="test"> </p>
Voila =) J'espère avoir répondu a ta question.
chris05- 17 sept. 2011 à 11:18
Je rajouterai juste même si ça n'a rien a voir que IdentifiAnt s'écrit avec un A et non un E ;)
TheBleedz - 17 sept. 2011 à 11:20
Mdr +1 J'avais même pas fait attention...
chris05- 17 sept. 2011 à 11:21
;)
Ajouter un commentaire
Réponse
+0
moins plus
merci à vous, ca marche nikel

Oui, je m'étais rendu compte (si si je vous jure) genre il y a 10 min :)
Ajouter un commentaire
Ce document intitulé « Mise en forme du formulaire en HTML/CSS » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?