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

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

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

Message par clara06 le Ven 18 Mai 2012 - 13:09

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>


Dernière édition par clara06 le Mar 22 Mai 2012 - 20:02, édité 1 fois

clara06
***

Messages : 102
Inscrit(e) le : 12/11/2006

http://www.university-of-california.net
clara06 a été remercié(e) par l'auteur de ce sujet.

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

Message par Invité le Mar 22 Mai 2012 - 10:00

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.

Invité
Invité


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

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

Message par clara06 le Mar 22 Mai 2012 - 20:02

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

clara06
***

Messages : 102
Inscrit(e) le : 12/11/2006

http://www.university-of-california.net
clara06 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