problème volet coulissant

[angelejunior]

Bonjour à tous ^^
Je suis en préparation pour le nouveau thème de mon forum, j'avais envie d'installer un volet coulissant pour mes partenariats,
Mais j'ai un petit souci, il y a un espace entre les deux et j'aimerais le faire disparaitre


L'adresse de mon forum test :
http://testfo.forumactif.org/

Place aux codes :
Codes Javascript

Code:


$(function(){

   $("body").append('<div id="fp84" class="fpanel"><table class="fptable"><tr><td class="fpbuttons"><span class="fpopen"><img src="http://image.noelshack.com/fichiers/2014/29/1405676654-partenariat.png" /></span><span class="fpclose"><img src="http://image.noelshack.com/fichiers/2014/29/1405676654-partenariat.png" /></span></td><td class="fpcontent"><a href="http://www.zestedecouleurs.net/forum"><img src="http://image.noelshack.com/fichiers/2014/14/1396443555-zdc.png" /></a><a href="http://www.school-graph.com/"><img src="http://image.noelshack.com/fichiers/2014/14/1396443556-shcooolgraph.png" /></a>\n<a href="http://gf-pub.superforum.fr/"><img src="http://image.noelshack.com/fichiers/2014/14/1396443556-gf-pub.png" /></a><a href="http://naturaliart.forums-actifs.com/"><img src="http://image.noelshack.com/fichiers/2014/14/1396443557-naturalia.png" /></a>\n<a href="http://perfectmatch.max2forum.com/"><img src="http://image.noelshack.com/fichiers/2014/14/1396443553-perfect-match.png" /></a><a href="http://magazarb.forumactif.com/"><img src="http://image.noelshack.com/fichiers/2014/14/1396443555-magazarb.png" /></a>\n<a href="http://www.chezviolinegraph.com/forum"><img src="http://image.noelshack.com/fichiers/2014/14/1396515025-violine.png" /></a><a href="http://art-heart.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/19/1399366738-art-heart.png" /></a>\n<a href="http://www.school-of-pub.net/"><img src="http://image.noelshack.com/fichiers/2014/21/1400597112-sop.png" /></a><a href="http://helplay.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/24/1402475658-helplay.png" /></a>\n<a href="http://imagination.forumactif.fr/"><img src="http://image.noelshack.com/fichiers/2014/28/1404894483-imagin.png" /></a><a href="http://www.pixels-paradise.com/"><img src="http://image.noelshack.com/fichiers/2014/28/1404894938-pp.png" /></a>\n<a href="http://pixie-dust.forum-canada.com/"><img src="http://image.noelshack.com/fichiers/2014/29/1405432505-pd.png" /></a><a href="http://forumgraphx.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/22/1401266709-fgx2.png" /></a>\n<a href="http://forumgraphx.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/22/1401266709-fgx2.png" /></a><a href="http://forumgraphx.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/22/1401266709-fgx2.png" /></a>\n</td></tr><table></div>');
   $("#fp84 .fpbuttons > span").click(function(){
      $(this).add($(this).siblings()).toggle();
      $("#fp84").animate({"right":$(this).is(".fpclose")?-200:0},1000);
   });

});



et le css

Code:

.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp84 { top: 20%; right: -200px; }
#fp84 .fpcontent { width: 200px;
background:#0f0f0f;
}

Merci à celui qui voudra bien me donner un coup de pouce, je débute en codage   

[MasDan]

Bonjour,

Ajouter ceci à votre CSS

Code:

table.fptable {
  border-collapse: collapse;
}

table.fptable td {
  padding: 0;
}

[angelejunior]

Merci beaucoup MasDan, ça fonctionne super bien,   



pendant que j'y suis, mon collège vient de me dire qu'il ne voyait pas le forum correctement, il le voit tout à droite,


hors moi je le vois parfaitement


Nous sommes tout les deux sur google chrome.
j'ai installer ce code pour pouvoir bouger le forum sur la droite.

Code:

.bodylinewidth
{
margin-left:420px;
}

[angelejunior]

up   

[MasDan]

Bonjour,

Il est demandé de ne traiter qu'un seul problème par message. Ainsi l'aide apporté peut servir à d'autre en utilisant la recherche. je vous suggère donc de terminer le sujet et d'en ouvrir un autre.

Pour votre second problème, il semble provenir de l'utilisation des pourcentage et du nombre de pixel pour la présentation du forum qui provoque que l'apparence du forum va être différent lorsque visionné avec de écrans de différentes résolutions.

[angelejunior]

Bonjour,
Merci à toi ^^

Ha ok, comment je peux régler ça???

Si il le faut je vais faire un nouveau post