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

3 participants

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

  • 0

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

Message par Kal57 Lun 6 Déc 2010 - 12:37

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 Wink
Kal57

Kal57
**

Masculin
Messages : 50
Inscrit(e) le : 25/10/2008

http://gamershell.forumactif.com
Kal57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec boutons Ouvrir/Fermer chatbox latérale

Message par Ea Lun 6 Déc 2010 - 18:15

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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Problème avec boutons Ouvrir/Fermer chatbox latérale

Message par Kal57 Lun 6 Déc 2010 - 18:46

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 ?
Kal57

Kal57
**

Masculin
Messages : 50
Inscrit(e) le : 25/10/2008

http://gamershell.forumactif.com
Kal57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec boutons Ouvrir/Fermer chatbox latérale

Message par Ea Lun 6 Déc 2010 - 19:52

non et non =/


il faut ajouter :

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

Code:
width: 96%;
Cordialement.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Problème avec boutons Ouvrir/Fermer chatbox latérale

Message par Kal57 Lun 6 Déc 2010 - 20:08

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.
Kal57

Kal57
**

Masculin
Messages : 50
Inscrit(e) le : 25/10/2008

http://gamershell.forumactif.com
Kal57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec boutons Ouvrir/Fermer chatbox latérale

Message par miss-rpg Mar 7 Déc 2010 - 15:17

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.
avatar

miss-rpg
***

Messages : 127
Inscrit(e) le : 15/06/2010

http://univers-mario.forumactif.org
miss-rpg a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec boutons Ouvrir/Fermer chatbox latérale

Message par Kal57 Mar 7 Déc 2010 - 20:59

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

Kal57
**

Masculin
Messages : 50
Inscrit(e) le : 25/10/2008

http://gamershell.forumactif.com
Kal57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec boutons Ouvrir/Fermer chatbox latérale

Message par Kal57 Ven 10 Déc 2010 - 23:17

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

Kal57
**

Masculin
Messages : 50
Inscrit(e) le : 25/10/2008

http://gamershell.forumactif.com
Kal57 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum