Fond derrière champ de profil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fond derrière champ de profil

Message par mimi_* le Mer 21 Aoû 2013 - 15:33

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 ! Smile


Dernière édition par mimi_* le Mer 21 Aoû 2013 - 15:56, édité 1 fois

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond derrière champ de profil

Message par Matriochka le Mer 21 Aoû 2013 - 15:39

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>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond derrière champ de profil

Message par mimi_* le Mer 21 Aoû 2013 - 15:42

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... Embarassed 

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond derrière champ de profil

Message par Matriochka le Mer 21 Aoû 2013 - 15:47

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>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond derrière champ de profil

Message par mimi_* le Mer 21 Aoû 2013 - 15:53

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

mimi_*
***

Féminin
Messages : 163
Inscrit(e) le : 11/11/2008

http://ellejenifer.fr
mimi_* a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum