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

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 le 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
**

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 le 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
Aidactif
Aidactif

Messages : 23429
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 le 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
**

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 le 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
Aidactif
Aidactif

Messages : 23429
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 le 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
**

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

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 le Mar 7 Déc 2010 - 20:59

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

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 le 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
**

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


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