Fond derrière champ de profil

[mimi_*]

Bonjour,

Je souhaiterai mettre un unique fond derrière les champs de profil, hors avec le code que je met il y a un fond par ligne soit par champ qui se met, je vous montre :

Il y a 3 arcades qui se mette, mais je souhaiterai que ça fasse un seul fond...

Voici le code que j'ai utilisé :

Code:

<!-- BEGIN profile_field -->
<div class="fond_infos"><div class="profilentinfos"><span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span></div></div>
<!-- END profile_field -->

et le CSS :

Code:

.fond_infos {border-radius: 80px;
        background-color:#f1eeee;
 margin-left:10px;
 margin-right:10px;}

.profilentinfos {
   margin-top:-2px;
   margin-right:13px;
   margin-left:13px;
   text-align:justify;
 font-size: 11px;
 line-height: 11px;}

Merci d'avance pour votre aide !

[Matriochka]

Bonjour,

Il faut mettre la div avant et après la boucle, comme ceci, afin que tout le bloc soit pris en compte :

Code:

<div class="fond_infos"><div class="profilentinfos">
<!-- BEGIN profile_field -->
<span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>
<!-- END profile_field -->
</div></div>

[mimi_*]

Merci beaucoup pour ton aide, cela fonctionne mais par contre maintenant les champs se mettent les uns derrières les autres, il y a plus le retour à la ligne...  

[Matriochka]

Pour ça on peut ajouter un saut de ligne juste après les variables générant les champs / réponses :

Code:

<div class="fond_infos"><div class="profilentinfos">
<!-- BEGIN profile_field -->
<span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}<br /></span>
<!-- END profile_field -->
</div></div>

[mimi_*]

Ah oui! Tout bête! Merci beaucoup pour ton aide Charlotte.