Un problème avec "fieldset"
Salut :D,
j'ai un problème avec un formulaire d'identification que j'essaye de mettre en place. voici le code HTML de la page du formulaire :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
<body>
<div class="ElemForm">
<form method="post" action="" id="FormulaireIden">
<fieldset>
<legend>
Formulaire d'identification
</legend>
<table><tr>
<label><td>
Idul: </td><td><input type="text" name="Idul" /></td>
</label></tr><tr>
<label><td>
Mot de passe: </td><td><input type="password" name="Pass" /></td>
</label></tr><tr>
<label><td colspan="2" align=right>
<input type="submit" value="Connexion" /></td>
</label></tr>
</table>
</fieldset>
</form></div>
</body> |
et voici le code css associé :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
|
div.ElemForm{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
margin:30px;
padding:10px;
}
div.ElemForm fieldset{
border-top:1px solid #F90;
border-bottom:none;
border-right:none;
border-left:none;
padding:10px;
margin-top:170px;/*tentative pour centrer le formulaire !*/
background-color:#FF9;
}
div.ElemForm fieldset table{
display:inline;
padding:20px;
}
div.ElemForm fieldset legend{
font-family:Tahoma, Geneva, sans-serif;
color:#F90;
font-weight:bold;
}
div.ElemForm fieldset input{
border:1px solid #666;
background-color:#FFF;
}
div.ElemForm fieldset input[type=submit]{
border:1px solid #06F;
background-color:#06F;
color:#FFF;
}
div.ElemForm fieldset input[type=submit]:hover{
background-color:#090;
font-weight:bold;
} |
et voici enfin l'image qui affiche l'erreur :
http://i62.servimg.com/u/f62/11/12/62/92/form10.jpg
Je ne veux pas que la partie inutilisé du formulaire soit remplie avec la couleur de fond, c'est à dire que le formulaire se limite juste à son contenu et n'occupe pas le reste de ça ligne dans la page. je veux aussi que le formulaire soit centré dans la page ?
Merci