Discussion :

[chlock62]

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:



code de mon formualire dans ma vue

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

   {{ form_row( form_first.adrfacturation) }}

le html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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