Problème pour placer la CB sur le côté

[LeDodoChauvelu]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui, suite à l'installation d'un code pour placer la CB sur le côté du forum
Lien du forum : http://harry-paradox.forumgratuit.org

Description du problème

Bonjour !

J'ai voulu placer ma CB sur le côté du forum, et grâce au code à disposition ici, j'ai réussi à le faire. Le seul problème étant qu'au lieu d'un petit bouton "ouvrir" assez discret sur le côté, je me retrouve une longue bande blanche, assez disgracieuse, et qui surtout cache tout ce qu'il y a en dessous ^^'

Est-ce que vous sauriez comment je peux régler ça ?

Voici le code que j'ai utilisé, au cas où :

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').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>');
});

[MyBeta]

Bonjour LeDodoChauvelu,

Essaye de modifier la taille du panneau peut-être...

Code:

width: 800px; height: 400px;

[Peggy06]

Bonjour LeDodoChauvelu,
Je ne comprends pas pourquoi il prend toute la largeur de la page, le code semble pareil au mien, à par que j'ai changé les images.

Code:

jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i19.servimg.com/u/f19/19/03/24/88/chatbo10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i19.servimg.com/u/f19/19/03/24/88/chatbo10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i19.servimg.com/u/f19/19/03/24/88/chatbo10.png\')?\'http://i19.servimg.com/u/f19/19/03/24/88/fermer10.png\':\'http://i19.servimg.com/u/f19/19/03/24/88/chatbo10.png\';"/></td></tr></table>');
        });


Je vous donne mon code, il n'y a plus qu'à changer les images et la couleur du background (transparent) si vous le désirer
Bonne chance
Peggy06

[LeDodoChauvelu]

Merci à tous deux ^^ Peggy06 j'ai essayé avec ton code, et effectivement plus de problème ^^ Donc merci, problème résolu !

[Peggy06]

Il n'y a pas de quoi, si l'on peut s'entraider