Un problème avec "fieldset"

**t-student** · 21/02/2010, 21h15

Salut

,
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 :

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
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 :

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
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 :

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

**Erwan31** · 21/02/2010, 23h41

Le tableau n'est pas nécessaire ici, d'autre part un tr ne peut avoir comme enfant direct que des td ou des th (et non des label)? Un label sans attribut for n'a aucune utilité.
Modèle à suivre

Code :

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

<label for="idul">Idul</label><input type="text" id="Idul" />

avec couple for/id.
Pour ton centrage, tu dimensionnes ton form (ou ton filedset) en largeur et tu lui
ajoutes des marges latérales auto

Un problème avec "fieldset"

CSS

Vue hybride

Discussions similaires

Partager

Partager