onglet "en ligne" décalé. Résolu.

[clara06]

Bonjour à tous,

J'ai utilisé la méthode pour mettre l’icône "en ligne" à gauche de l'avatar. Sauf que du coup, l'avatar est décalé verticalement (de la taille de l’icône "en ligne")....

Comment faire pour corriger cela ?
Merci pour votre aide.



Mon css:

Code:

#i_icon_online {
  position: relative;
  left: -20%;
  top: 45px;
}

La partie de mon template:

Code:

<span class="postdetails poster-profile">
                                  <center>{postrow.displayed.RANK_IMAGE}</center>{postrow.displayed.ONLINE_IMG}{postrow.displayed.POSTER_AVATAR}<br><center><div class="police">{postrow.displayed.POSTER_NAME}</center></div><br /><br />
            <div class="cadreprofil"><!-- BEGIN profile_field -->
                                  <b>{postrow.displayed.profile_field.LABEL}</b> {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div>

[Invité]

Bonjour,

Essayez comme ceci:

Code:

<div class="hautprof">{postrow.displayed.ONLINE_IMG}</div><span class="postdetails poster-profile">
                                  <center>{postrow.displayed.RANK_IMAGE}</center>{postrow.displayed.POSTER_AVATAR}<br><center><div class="police">{postrow.displayed.POSTER_NAME}</center></div><br /><br />
            <div class="cadreprofil"><!-- BEGIN profile_field -->
                                  <b>{postrow.displayed.profile_field.LABEL}</b> {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div>

et ajoutez dans votre CSS:

Code:

.hautprof{height: 0px;}

Bien sincèrement.

[clara06]

C'est parfait !!! Merci beaucoup pour votre aide.