Discussion :

[Car0le]

Bonsoir à tous,


Je rencontre un petit problème que voici:



Donc j'aimerais espacer chacun de mes label+input mais je ne sais pas comment faire, j'ai essayé avec des marge mais je n'ai jamais obtenu ce que je voulais.

Voici mon code HTML:

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
<form method="post" id="myform">
	<fieldset class="cadre">
	<legend>Informations g&eacute;n&eacute;rales</legend>	
	<tr>
    <p class="marge"><label for="nom">Nom de l\'op&eacute;ration :</label>
    <input type="text" name="nom" id="nom" value="" disabled />
	<label for="code10">Code 10 :</label>
    <input type="text" name="code10" id="code10" value="" disabled />
	<label for="prio">Priorit&eacute; globale :</label>
    <input type="text" name="prio" id="prio" value="" disabled /></p>	
	</tr>							
	<tr>
	<p class="marge"><label for="inge">Ing&eacute; radio :</label>
    <input type="text" name="inge" id="inge" value="" disabled />
	<label for="CDPN">CPD N&eacute;go :</label>
    <input type="text" name="CDPN" id="CDPN" value="" disabled/>	
	<label for="CDPN">CPD Travaux :</label>
    <input type="text" name="CDPN" id="CDPN" value="" disabled/></p>
	</tr>
	<tr>
	<p class="marge"><label for="lotGSM">Lot GSM ADDOO :</label>
    <input type="text" name="lotGSM" id="lotGSM" value="" disabled />
	<label for="lotUMTS">Lot UMTS ADDOO :</label>
    <input type="text" name="lotUMTS" id="lotUMTS" value="" disabled/>	
	<label for="lotLTE">Lot LTE ADDOO :</label>
    <input type="text" name="lotLTE" id="lotLTE" value="" disabled/></p>
	</tr>
</fieldset>

Et voici mon CSS:

Code css :

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
#bloc{
    display: table;
    table-layout: fixed;
}
#bloc > div{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
 
.cadre {
    background-color: #ffffff;
    margin: 0 auto 15px auto;
    padding: 10px;
    border: 1.5px solid #9E9E9E;
 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(border-radius.htc);
 
    background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
	display:block;
 
    clear:none;
}
 
legend {
    color: #eeab69;
    font-size: 17px;
	font-weight:bold;
    padding: 0;
}
 
form#myform label { display:inline; }
form#myform input { display:inline; margin-bottom:10px;}
 
.marge {
margin:20px;
}

Désolé si c'est un peu sale mais je débute et j'étais préssé ^^

Merci de votre aide