Problème avec la chatbox latérale

[whovian]

Bonjour,

j'ai un problème avec la chatbox latérale que j'essaye de mettre en place sur mon forum.

Voici le code que j'ai utilisé (trouvé dans un tuto) :

Code:

<table style="position: fixed; bottom: 200px; left: 0px;background-color: none;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png')?'block':'none';this.src=(this.src=='http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png')?'http://i46.servimg.com/u/f46/13/86/20/02/fgbt8f10.png':'http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png';"/></td></tr></table>

Les images "ouvrir" "fermer" que j'ai inséré sont basiques, c'était simplement pour tester si cela fonctionnait.

Voici mon rendu une fois la chatbox fermée, puis ouverte:


(ici, on voit bien qu'il y a déjà un décalage, l'image n'est pas collée au bord!)



et ici, bon ok chatbox à gauche, ce pendant regardez où se trouver le bouton fermer !!! complètement à droite! (et encore, normalement il y a avait une bande blanche entre la chatbox et ce bouton, je l'ai supprimée en mettant "none" pour la couleur du background....)

quelqu'un arriverait-il à résoudre mon problème??

Merci énormément!!

[whovian]

up! 

svp

[Lixyr]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonjour,

Le lien correspondant au problème est bien celui du profil ? Pouvez-vous remettre le code, et rendre le forum accessible aux invités pour que je puisse regarder ?

[whovian]

Bonsoir,

revoilà le code que j'avais trouvé:

Code:

<table style="position: fixed; bottom: 200px; left: 0px;background-color: none;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no"style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0"frameborder="0"></iframe></td><td style="vertical-align: bottom;"><imgsrc="http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png"onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png')?'block':'none';this.src=(this.src=='http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png')?'http://i46.servimg.com/u/f46/13/86/20/02/fgbt8f10.png':'http://i46.servimg.com/u/f46/13/86/20/02/hroyp810.png';"/></td></tr></table>

Oui, le lien du forum est bien celui de mon profil, et il est maintenant accessible aux invités!

Merci beaucoup.

[Lixyr]

Merci. ^^
Par contre vous avez laissé le code sur votre forum, car je n'ai pas de soucis avec votre code sur mon forum test donc je dois voir le problème directement sur votre forum, et je ne vois pas la chatbox latérale.

[whovian]

Ah oui pardon, je l'avais enlevé vu que ça ne marchait pas.
Elle est maintenant visible.

[Lixyr]

Je me suis inscrite pour y voir plus clair, pouvez-vous me valider ? Vous supprimerez mon compte une fois que ce sera bon.

[whovian]

Pardon j'ai eu un problème pour installer la chatbox, j'ai du partir précipitamment.
Je n'arrive plus à la réinstaller, du coup! :/

[Lixyr]

Ah c'est pour ça que je ne la voyais toujours pas. x)
Pour la réinstaller, il faut suivre les indications fournies dans ce poste : créer un panneau latéral coulissant.

[whovian]

Voilà c'est bon, j'ai remis!
Comme vous pouvez le constater, il y a toujours ce décalage + la bande blanche... :/

[Lixyr]

Effectivement c'est mieux comme ça.

Alors essayez en mettant une largeur à la table (correspondant à la largeur de l'image d'ouverture) :

<table style="position: fixed; bottom: 200px; left: 0px;background-color: none;z-index:10000; width: 30px;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no"style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0"frameborder="0"></iframe></td><td style="vertical-align: bottom;"><imgsrc="https://i.servimg.com/u/f46/13/86/20/02/hroyp810.png"onClick="document.getElementById('chatboxpop').style.display=(this.src=='https://i.servimg.com/u/f46/13/86/20/02/hroyp810.png')?'block':'none';this.src=(this.src=='https://i.servimg.com/u/f46/13/86/20/02/hroyp810.png')?'https://i.servimg.com/u/f46/13/86/20/02/fgbt8f10.png':'https://i.servimg.com/u/f46/13/86/20/02/hroyp810.png';"/></td></tr></table>

[whovian]

Cela fonctionne! Merci énormément! J'ai également mis le background en "none" pour enlever l'épaisseur de couleur blanche.
Cependant, autour de la chatbox, il reste encore un petit contour blanc, saurais-tu comment modifier cette couleur?

Merci encore, bon mercredi.

[Lixyr]

C'est la bordure de l'iframe, il faut l'enlever :
> techniquement c'est frameborder maiis ça ne fonctionne pas tout le temps (la preuve) donc enlevez-le et mettez plutôt ça dans l'attribut style :

Code:

<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 400px; display: none; border: none;" marginwidth="0" marginheight="0"></iframe>

[whovian]

Voilà, j'ai juste changé la couleur de la bordure (#33331C), cependant elle n'apparaît que sur le côté droite en bas, le côté gauche et haut reste noir/vert très foncé, et je ne sais pas comment y remédier!

[Lixyr]

Essayez de mettre une épaisseur pour voir :

<iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px; border:3px solid #33331C;" ></iframe>

[whovian]

Cela fonctionne!! 
En tout cas merci énormément de ton aide! Je passe le sujet en résolu
Bonne journée!