2 pièce(s) jointe(s)
input et label généré par symfony
Bonjour, je génère un formulaire de contact via symfony comme ci-dessous
Quand j'utilise la façon ci-dessous pour représenté mes champs j'ai un peut ecart de quelque pixel, je l'ai indiquer via une fléche rouge:
Pièce jointe 132351
code de mon formualire dans ma vue
Code:
1
2
3
4
5
6
|
<div class="block_contact">
<p>{{ form_label(form.name, 'Nom :') }}
{{ form_widget(form.name) }}
</p>
</div> |
mon css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
.block_contact p label {
display: inline-block;
width: 100px;
margin-right: 20px;
vertical-align: top;
text-align: right;
}
.block_contact p input, textarea {
/*déjà en inline-block*/
width: 250px;
padding: 4px;
vertical-align: top;
} |
et si j'utilise la mise en forme ci dessous
Code:
{{ form_row( form_first.adrfacturation) }}
le html
Pièce jointe 132354
Code:
1
2
3
4
5
6
|
<div class="bloc_fact bloc">
<div>
<label class="required" for="fos_user_profile_form_codeadrf">Code postal : </label>
<input id="fos_user_profile_form_codeadrf" type="text" required="required" name="fos_user_profile_form[codeadrf]">
</div> |
et le css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
.bloc div label {
display: inline-block;
width: 200px;
margin-right: 20px;
vertical-align: top;
text-align: right;
}
.bloc div input, textarea {
/*déjà en inline-block*/
width: 250px;
padding: 4px;
vertical-align: top;
} |
aucune marge entre les deux élément label et input
Une idée les amis d'ou vien cette écart de pixel
merci
