Décalage des champs

**harkrisz** · 11/03/2013, 12h13

Bonjour,

J'ai un petit souci avec la css de mes champs, ils sont décalés, mais j'arrive pas les modifier. Merci d'avance!!

Voici mon 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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
.contact_form{
	display: block;
	width:355px;
	height: 500px;
	float:center;
	position:absolute;
	right:50px;
	bottom:70px;
	border:1px #DFD1D2 dashed;
}
 
.titre{
	text-align:center;
}
 
.form_row{
	width:330px;
	clear:both;
	padding:30px 0px 10px 0px;
	color:#a53d17;
	position:relative;
	bottom:0px;
	left:40px;
	top:0px;
}
label.contact{
	font-size:12px;
	text-align:left;
	padding:4px 5px 0 0;
	color: #333333;
}
 
#envoyer{
	position:relative;
	top:140px;
	right:120px;
}
 
input.contact_input{
	width:253px;
	height:18px;
	background-color:#fff;
	color:#999999;
	border:1px #DFDFDF solid;
	float:center;
}
textarea.contact_textarea{
	width:253px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	background-color:#fff;
	border:1px #DFDFDF solid;
	float:left;
}

Voici mon html:

Code html :

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
	<div class="form_row">
		<label for="nom"><strong>Nom:</strong></label>
		<input type="text" name="nom" id="nom" class="contact_input" />
	</div>  
 
	<div class="form_row">
		<label for="email"><strong>E-mail:</strong></label>
		<input type="text" name="email" id="email" class="contact_input" />
 
	</div>
 
	<div class="form_row">
		<label for="message"><strong>Votre message:</strong></label>
		<textarea name="message" id="message" class="contact_textarea"></textarea>
	</div>
 
	<div class="envoyer">
		<input type="submit" value="Envoyer" id="envoyer" />
	</div>	     
</div>