Mettre "en ligne" sur l'avatar

[Marilou1980]

Bonjour bonjour, j'espère que j'ai le droit de poster ceci.( me fouetter pas, supprimé juste mon message Snifouillle )
Je cherche depuis un petit moment a faire cela,(le online a coter "adroite et ou sur l'avatar"), mais mon Template et tout modifier (on vient même de le modifier encore ^^)
Toute mes tentatives ont donné un résultat assez décevant, le "online" se retrouve sois en plein milieu sois il n'y est pas.
voilà le bout de mon template modifier.( avec les indications ci dessus effectuer)
(le résultat sure forum test)




Merci de tout aide apporté.

Code:

<tr class="post">
      <td style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><div style="
border-top:5px #969696 solid;
border-bottom:5px #969696 solid;
-moz-border-radius: 60px;margin:5px;
padding: 20px;;background:#FFFFFF;"> <table><tr>
        {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_RANK}
        <div class="cadreavatar"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><br><center>
          <div style="border:3px #969696 solid;-moz-border-radius:10px;">
           
            <div class="avatarposteur">{postrow.displayed.POSTER_AVATAR}</div>
          </div><div style="font-family:Trebuchet MS;font-size:20px;letter-spacing:-3px;text-transform:lowercase; word-spacing:1px;">
          <span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>
          <div class="noms">{postrow.displayed.POSTER_NAME} </div></center></span><br>
            <span class="postdetails poster-profile">
           

            </div></tr></table><br>


[Matriochka]

Bonjour,

Code:

<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>

Déplace cette ligne avant {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_RANK}.

Et si tu as deux fois l’icône, c’est simplement parce que tu n’as pas supprimé celle de base, ici :

Code:

      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>

[Marilou1980]

Merci de ton aide ^^
c'est presque parfait XD

Code:

.icon_online {
  position:absolute;
  margin-top: 42px;
  margin-left:170px;
}

j'ai bouger le code mais il ne se place pas pile comme il faut !
(au passage si jai envie de changeais que dois-je faire pour le metre sur le coter "droit" contre l'avatar)

merci c'est clair tu est la best ^^

[Matriochka]

Il faut modifier dans ton CSS cette partie :

Code:

margin-left:170px;

Réduis la valeur de quelques pixels, exemple passe-la de 170px à 140px.

(au passage si jai envie de changeais que dois-je faire pour le metre sur le coter "droit" contre l'avatar)

C’est-à-dire ?

[Marilou1980]

Impec avec 140 px merci.

Et bien si au lieux qu'il sois sur l'avatar en angle je veux qu'il sois coller a coter de l'avatar ( a droite ) ?!
voir schéma ci dessous

[Matriochka]

Ah d’accord, et bien dans ce cas, il faut modifier ton image et paramétrer sa position avec les marges :

Code:

margin-top: 42px;
margin-left:170px;

N’hésite pas à créer ton propre topic la prochaine fois, ça évitera que celui-ci ne traîne alors qu’il est résolu

[Chacha]

Bonjour Marilou1980

Votre demande d'aide a été déplacée dans un nouveau sujet, merci à l'avenir de créer le vôtre.


Cordialement.

[Marilou1980]

Oups toutes mes excuses

[Matriochka]

Est-ce que c’est résolu, Marilou, ou bien il y a encore besoin d’aide là-dessus ?

[Marilou1980]

Non c'est parfait merci de ton aide je vais éditer pour mettre résolu
désoler du retard ^^