Placement chat box

[Carnaire]

Bonjour j'ai récement innové ma chatbox (grâce a vous^^) mais je me retrouve confronté a un problème, ma chat box et sous forme d'onglet se trouvant a gauche de l'écran avec un bouton "ouvrir" mais quand on clique dessus, la chat-box s'ouvre au-dessus, et je voudrait qu'elle apparraîsse a coté du bouton, j'ai beau essayer de changer le script, rien y fait, je peut chager la tille de la chat mais pas la placer avec les ordonnées et abscisses.

Voici mon code placé en bas du template overall_footer :

Code:

</script>

<table style="position: fixed; bottom: 118px; left: 0px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 700px; height: 250px; display: none;" marginwidth="5" marginheight="5" frameborder="2"></iframe></td></tr><tr><td style="float:left"><img src="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png" onClick="document.getElementById('chatboxpop').style.display=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'block':'none';this.src=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png':'http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png';" id="cb-image" /></td></tr></table>
<script>
function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://nsa27.casimages.com/img/2011/07/14/110714043422871916.png");old_lm=a}jQuery(window).load(function(){cb=jQuery("#chatboxpop")[0].contentWindow;if(!cb.connected)cb.CB_disconnect();setInterval("if(!cb.connected)cb.CB_disconnect();setTimeout('check_newmessage()',500)",2500)});
</script>

Merci de votre aide

Amicalement

Carnaire

[Ea]

Bonjour,


Votre structure est :

Code:

<table>
  <tr>
    <td>Code de la chatbox</td>
  </tr>
  <tr>
    <td>Code du bouton</td>
  </tr>
</table>

Un <table> ... </table> c'est un tableau, un <tr> ... </tr> c'est une ligne et un <td> ... </td> c'est une case.

Vu que vous avez le bouton sur la ligne en dessous de la chatbox il est en dessous, il faudrait changer le code pour avoir une structure comme ceci :

Code:

<table>
  <tr>
    <td>Code de la chatbox</td>
    <td>Code du bouton</td>
  </tr>
</table>

ps :

on s'emmêle facilement avec du code html mis en tas comme ça sinon, le voici en mieux mis :

Code:

<table style="position: fixed; bottom: 118px; left: 0px;background-color: #;z-index:10000;">
<tr>
   <td>
      <iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 700px; height: 250px; display: none;" marginwidth="5" marginheight="5" frameborder="2">
      </iframe>
   </td>
</tr>
<tr>
   <td style="float:left">
      <img src="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png" onclick="document.getElementById('chatboxpop').style.display=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'block':'none';this.src=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png':'http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png';" id="cb-image"/>
   </td>
</tr>
</table>

[Carnaire]

Merci, j'ai réussit a faire 2-3 modifs, j'y voit plus clair, mais pouvez-vous me dire ou se trouve le cose de positionnement de la chat box, ou me le donner s'il n'y est pas.

Merci

[Carnaire]

J'ai trouvé, merci bcp