Problème avec boutons Ouvrir/Fermer chatbox latérale

[Kal57]

Bonjour, j'ai un problème avec les boutons Ouvrir/Fermer de ma chatbox latérale comme vous pouvez le voir sur mon forum test. Je voudrais savoir comment faire pour que le bouton Ouvrir soit contre le bord gauche de l'écran, et pour que le bouton Fermer soit contre la chatbox ?

Pour information, voici comment j'ai installé la chatbox :

J'ai copié le code suivant dans la feuille de style CSS :

Code:

#lateral_chat {
      position: fixed;
      bottom: 50px;
      left: 0px;
      background-color: #ffffff;
      z-index:1000;
  }
  iframe#chatboxlaterale {
      width: 690px;
      height: 390px;
      margin: 0;
      padding: 0;
      overflow: none;
  }
  .bouton {
      vertical-align: bottom;
  }
  .bouton img {
      cursor: pointer;
  }

Puis j'ai copié le code suivant dans le template "overall_header_new" juste après < body > :

Code:

<table id="lateral_chat">
  <tr>
      <td>
        <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxlaterale" scrolling="no" style="display: none;" frameborder="0"></iframe>
      </td>
     
      <td class="bouton">
        <img id="img_bouton" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxlaterale').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/>
      </td>
  </tr>
</table>

J'ai également activé la chatbox dans le panneau d'administration tout en choisissant "Ne pas afficher".

Merci d'avance pour votre aide

[Ea]

Bonjour,


Il y a un :

Code:

width: 96%;

Dans le CSS donc le tableau avec la chatbox doit obligatoirement faire aussi 96% de la largeur de l'écran... ensuite c'est le navigateur qui gère comment sont disposé les éléments dans ce tableau faisant 96% de la largeur de l'écran ( ce qui cause les espacements barbares ).

Sans cette ligne il y a juste un espacement de quelque pixels qui peut être supprimé en ajoutant :

Code:

#lateral_chat { border-collapse: collapse; } #lateral_chat td { padding: 0; }

Cordialement.

[Kal57]

Si je comprend bien, je dois supprimer width: 960px; dans le CSS, et ajouter { border-collapse: collapse; } #lateral_chat td { padding: 0; } à coté de #lateral_chat ?

[Ea]

non et non =/


il faut ajouter :

Code:

#lateral_chat { border-collapse: collapse; } #lateral_chat td { padding: 0; }

Et retirer :

Code:

width: 96%;

Cordialement.

[Kal57]

Comment faire pour retirer width: 96% du CSS ?
Car si je clique sur "voir le CSS de base de votre forum", je vois le contenu mais ne peux pas le changer.

[miss-rpg]

J'ai exactement le même problème : http://ac-one.forumactif.org

J'essaie de le résoudre mais sans résultat...

Merci d'avance.

[Kal57]

Personne pour me dire comment retirer width: 96%; du CSS s'il vous plaît ?

[Kal57]

Ah ça y est j'ai trouvé, maintenant les boutons "Ouvrir" et "Fermer" sont où il faut ^^