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:
Et 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 <form method="post" id="myform"> <fieldset class="cadre"> <legend>Informations générales</legend> <tr> <p class="marge"><label for="nom">Nom de l\'opé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é globale :</label> <input type="text" name="prio" id="prio" value="" disabled /></p> </tr> <tr> <p class="marge"><label for="inge">Ingé radio :</label> <input type="text" name="inge" id="inge" value="" disabled /> <label for="CDPN">CPD Né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>
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
Partager