problème volet coulissant

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

Résolu problème volet coulissant

Message par angelejunior le Ven 18 Juil 2014 - 18:07

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 Sad


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  Laughing 


Dernière édition par angelejunior le Mer 23 Juil 2014 - 9:55, édité 2 fois

angelejunior
**

Féminin
Messages : 51
Inscrit(e) le : 18/06/2009

http://le-monde-des-furets.forums-actifs.com/index.htm
angelejunior a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème volet coulissant

Message par MasDan le Sam 19 Juil 2014 - 3:12

Bonjour,

Ajouter ceci à votre CSS
Code:
table.fptable {
  border-collapse: collapse;
}

table.fptable td {
  padding: 0;
}

MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

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

Résolu Re: problème volet coulissant

Message par angelejunior le Sam 19 Juil 2014 - 10:16

Merci beaucoup MasDan, ça fonctionne super bien,  Very Happy 



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

Féminin
Messages : 51
Inscrit(e) le : 18/06/2009

http://le-monde-des-furets.forums-actifs.com/index.htm
angelejunior a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème volet coulissant

Message par angelejunior le Lun 21 Juil 2014 - 11:26

up  Sad 

angelejunior
**

Féminin
Messages : 51
Inscrit(e) le : 18/06/2009

http://le-monde-des-furets.forums-actifs.com/index.htm
angelejunior a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème volet coulissant

Message par MasDan le Mar 22 Juil 2014 - 5:06

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.





MasDan
*****

Masculin
Messages : 856
Inscrit(e) le : 24/05/2011

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

Résolu Re: problème volet coulissant

Message par angelejunior le Mar 22 Juil 2014 - 9:47

Bonjour,
Merci à toi ^^

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

Si il le faut je vais faire un nouveau post Wink

angelejunior
**

Féminin
Messages : 51
Inscrit(e) le : 18/06/2009

http://le-monde-des-furets.forums-actifs.com/index.htm
angelejunior 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