Re bonjour a tous :p

J'ai un petit soucis de design... entre mon label et mon input.
Je voudrais que mes input se colle +- avec mes labels... en laissant un petit espace de 2 px par ex entre le label et le input. mais mon code ne donne pas cela.....

voici déjà le code :

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
/* Contenu Styles
----------------------------------------------- */
div#contenu {
	/*border:1px solid black;*/
	background-color:#ffffff; 
  text-align:center;
	width:100%;
	margin-left:auto;
  margin-right:auto;
	height:auto;
	min-height:100px;
	padding-bottom:20px;
	}  
 
/* -------------------------------------------- */  
label.text {
	background-color: #e7ecff;
	width: 20%;
	float:left;
  text-align: right;
	margin: 0 1em 0 0;  
	margin-left:10%;
	padding: 0.2em;
	/*border-bottom: 1px solid #0198cd;	*/
}
 
input.text,
textarea {
	border:1px solid black;*/
	background-color: #e7ecff;
	width: 40%;
	margin-right:10%;
	margin: 0 1em 0 0;
	padding: 0.2em;
}
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
<!DOCTYPE html PUBddC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>		
 
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
  <title></title>
  <link rel="stylesheet" type="text/css" href="test.css">	 
</head>			
<div id="contenu">
 
<body>	
 
&nbsp;
		<form>				
				<p>
					<label class="text">Date :</label><input class="text" name="Input_Date" type="text" size="10" maxlength="10" />
				</p>
 
				<p>
					<label class="text">No. :</label><input class="text" name="Input_No" type="text" size="4" maxlength="4"/>
				</p>
 
				<p>
					<label class="text">Design No. :</label><input class="text" name="Input_Design_No" type="text" size="30" maxlength="30" />
				</p>
 
				<p>
 
					<input type="hidden" name="validation" value="ok"/>	 
				</p>
 
 
 
				<p class="envoy">
					<input id="validSearch" type="submit" value="Add" />
				</p>
		</form>
 
 
 </div>
le probleme est que ... je pense que mon "div contenu" interfére avec mon form.... si je supprime le text-align=center de mon div contenu cela marche.... mais bon je ne peux pas retirer mon div contenu vous l'aurez compris

merci d'avance ...