Problème de PA en accordéon

par Yuuko Nakami Lun 24 Oct 2011 - 12:28

Bonjour, bonjour.
J'ai un problème avec les code de cette page :
https://forum.forumactif.com/t315319-pa-en-accordeon?highlight=PA+accord%E9on

En fait, je l'ai fait sur mon forum test et tout allait bien. Je me suis dit que je pouvait le mettre sur mon forum, donc j'ai copier tous les codes correctement et sa ne veux rien m'afficher ><

J'aimerais que quelqu'un m'aide, s'il vous plait ><

par Roxy. Lun 24 Oct 2011 - 13:23

Bonjour,
Votre forum de test, est-ce que les codes apparaissaient bien ?
Si oui pouvons nous voir le code ?

Cordialement.

par Yuuko Nakami Lun 24 Oct 2011 - 14:41

Bien entendue.
Je vous donne le lien de mon forum test :
http://academie-kagamiya.superforum.fr/

Voici ma généralitée :

Code:: <div id="one" class="accordion"> <ul> <li> <h2><span>Onglet 1</span></h2> <div><img src="http://img560.imageshack.us/img560/1790/lfykd.png"> <table><tr> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 150px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px; height: 100px; width: 150px" ><br><div class="subnav"><div style="text-align: center; border-bottom: 1px dotted #242323; padding 1px"><a href="http://koukoujapan.forumgratuit.org/t1-le-reglement"><font size=1px>LE REGLEMENT</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding: 1px"><a href="http://koukoujapan.forumgratuit.org/t5-groupes"><font size=1>LES GROUPES</a></div><div style="text-align: center; border-bottom: 1px dotted #242323;"><a href="http://koukoujapan.forumgratuit.org/t4-avatars-pris"><font size=1>AVATARS PRIS</a></div><div style="text-align: center; border-bottom: 1px dotted #242323;"><div style="text-align: center; border-bottom: 1px dotted #242323;"><a href="http://koukoujapan.forumgratuit.org/t8-le-staff#9"><font size=1>LE STAFF</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding 1px"><a href="http://koukoujapan.forumgratuit.org/t7-fiche-type"><font size=1px>LES PRESENTATIONS</a></div><div style="text-align: center; border-bottom: 1px dotted #242323; padding: 1px"><a href="http://koukoujapan.forumgratuit.org/"><font size=1>DEVENIR PARTENAIRE ?</a></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 490px" ><center><b>CONTEXTE</b></center></div><div style="padding: 7px; height: 100px; width: 490px" ><div style="width: 490px;height:100px;overflow:auto;"><div align="justify">Avant toutes choses, je dois vous dire que ce lycée n'a pas toujours été comme il l'est à l'heure actuelle. Bien au contraire. C'était un établissement de très grande renommée. Les élèves étaient des surdoués. Leurs avenir était déjà tout tracés à leurs inscriptions. Certains iraient dans les académies les plus grande, d'autre hériteraient de l'entreprise familiale, etc.. En tout cas, personne pourrait immaginer qu'un tel lycée finirait en "lycée poubelle". Et oui, car maintenant, ce lycée accueil des étudiants rebelles, qui n'ont aucuns savoirs vivre. Tout cela à débuté à l'arrivée de deux élèves. On se demandait comment ils s'étaient débrouillés pour rentrer dans une école comme celle-ci. Ils étaient brute, sans pitié et montaient les élève contre les autres élèves. Même les dirigeant administratif ne pouvaient rien faire contre leur méchanceté. C'était le duo que tout le monde craignait. Et cinquante ans plus tard, le lycée pouvait vraiment être qualifié de déchetterie humaine. Celui qui s'y inscrit ne doit pas avoir en tête de travailler. Mais surtout se battre. </div></td> </tr></table> </div> </li> <li> <h2><span>Onglet 2</span></h2> <div> <img src="http://img560.imageshack.us/img560/1790/lfykd.png"> <center><table><tr> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px; height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px; height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td></tr></table></div></td><td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px; height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px; height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td></tr></table></div></td><td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px; height: 90px; width: 100px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td></tr></table></div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 90px" ><center><b>LIENS UTILES</b></center></div><div style="padding: 7px; height: 100px; width: 90px" ><table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t22-kyokugaisha"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">KYOKUGAISHA</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div><br><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/t26-seijou#28"><img src="http://img849.imageshack.us/img849/5425/jcu.png"></a> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">SEIJOU</div>5/5 </center></span></div></td></tr></table></div></td> </table></span> </div> </li> <li> <h2><span>Onglet 3</span></h2> <div><img src="http://img560.imageshack.us/img560/1790/lfykd.png"> <table><tr><td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 120px" ><center><b>STAFF</b></center></div><div style="padding: 5px; height: 100px; width: 120px" ><center><table><tr><td><div class="infobulle"><img src="http://img687.imageshack.us/img687/2690/guim.png"> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">MIKUO ISHIKA</div><div style="text-align: center; padding-top: 0px; font-size: 8px; font-family: Verdana;">Fondatrice</div> <table><tr><td><div class="subnav"><div style="text-align: center; font-size: 11px"><a href="http://koukoujapan.forumgratuit.org/u1"><font size=2px><div align="right">Profil</div></a> </div></div></td> <td><div class="subnav"><div style="text-align: center; font-size: 11px;"><a href="http://koukoujapan.forumgratuit.org/privmsg?mode=post&u=1"><font size=2px><div align="right">MP</div></a> </div></div></td></tr></table> </div></div> </center></span></div></td><td><div class="infobulle"><img src="http://img534.imageshack.us/img534/2754/keikoe.png"> <span><center><div style="text-align: center; color: #AF5F5F; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px 1px #000000">OKAMI KAMEKO</div><div style="text-align: center; padding-top: 0px; font-size: 8px; font-family: Verdana;">Administratrice</div> <table><tr><td><div class="subnav"><div style="text-align: center; font-size: 11px"><a href="http://koukoujapan.forumgratuit.org/t2-le-contexte"><font size=2px><div align="right">Profil</div></a> </div></div></td> <td><div class="subnav"><div style="text-align: center; font-size: 11px;"><a href="http://koukoujapan.forumgratuit.org/t2-le-contexte"><font size=2px><div align="right">MP</div></a> </div></div></td></tr></table> </div></div> </center></span></div></td></tr></table></center></div> </div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 130px" ><center><b>TOP-SITE</b></center></div><div style="padding: 5px; height: 100px; width: 130px" ><center><table><tr><td><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=5200" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=17405" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a></td></tr></table><table><tr><td><a href="http://www.root-top.com/topsite/blackycalimera/in.php?ID=2949" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/korben/in.php?ID=11444" class="postlink" target="_blank" rel="nofollow"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png" border="0" alt="" /></a></center></div></td></tr></table> </div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 130px" ><center><b>PARTENAIRES</b></center></div><div style="padding: 5px; height: 100px; width: 130px" > <center><table><tr> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a> <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br> ---------------------------<br> ---------------------------<br> </center></span></div></td> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a> <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br> ---------------------------<br> ---------------------------<br> </center></span></div></td> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a> <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br> ---------------------------<br> ---------------------------<br> </center></span></div></td></tr></table> <table><tr><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a> <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br> ---------------------------<br> ---------------------------<br> </center></span></div></td><td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a> <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br> ---------------------------<br> ---------------------------<br> </center></span></div></td> <td><div class="infobulle"><a href="http://koukoujapan.forumgratuit.org/"><img src="http://img808.imageshack.us/img808/8880/sansre3ai.png"></a> <span><center><img src="http://img834.imageshack.us/img834/5889/gjkgm.png"><br> ---------------------------<br> ---------------------------<br> </center></span></div></td> </table></span> </div></td> <td><div style="padding: 1px; border-bottom: 2px dotted #242323; height: 15px; width: 248px" ><center><b> NOUVEAUTÉS </b></center></div><div style="padding: 7px; height: 100px; width: 248px" ><div style="width: 248px;height:100px;overflow:auto;"><div align="justify">Avant toutes choses, je dois vous dire que ce lycée n'a pas toujours été comme il l'est à l'heure actuelle. Bien au contraire. C'était un établissement de très grande renommée. Les élèves étaient des surdoués. Leurs avenir était déjà tout tracés à leurs inscriptions. Certains iraient dans les académies les plus grande, d'autre hériteraient de l'entreprise familiale, etc.. En tout cas, personne pourrait immaginer qu'un tel lycée finirait en "lycée poubelle". Et oui, car maintenant, ce lycée accueil des étudiants rebelles, qui n'ont aucuns savoirs vivre. Tout cela à débuté à l'arrivée de deux élèves. On se demandait comment ils s'étaient débrouillés pour rentrer dans une école comme celle-ci. Ils étaient brute, sans pitié et montaient les élève contre les autres élèves. Même les dirigeant administratif ne pouvaient rien faire contre leur méchanceté. C'était le duo que tout le monde craignait. Et cinquante ans plus tard, le lycée pouvait vraiment être qualifié de déchetterie humaine. Celui qui s'y inscrit ne doit pas avoir en tête de travailler. Mais surtout se battre. </div></td> </tr></table> </div> </li> </ul> </div>

Mon CSS (que la partie PA) :

Code:: .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif; } .accordion ul { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none; } .accordion li > h2 {color: #fff; font-weight: normal; margin: 0; z-index: 2; position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%) rotate(-90deg); -webkit-transform-origin: right top; -moz-transform: translateX(-100%) rotate(-90deg); -moz-transform-origin: right top; -o-transform: translateX(-100%) rotate(-90deg); -o-transform-origin: right top; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; transform: translateX(-100%) rotate(-90deg); transform-origin: right top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .accordion li > h2 span { display: block; padding-right: 8%; text-align: right; height: 90%; margin-top: 5px; } .accordion li > h2 b { display: inline-block; position: absolute; top: 10%; top: 42%\9; left: 10%; left: 5%\9; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .accordion li > h2:hover { cursor: pointer; } .accordion li > div { height: 100%; position: absolute; top: 0; z-index: 1; overflow: hidden; background: white; } .accordion noscript p { padding: 10px; margin: 0; background: white; } /****************************************** Base */ .basic li > h2 { background: #333; color: white; line-height: 1.8em; } .basic li > div h3 { margin: 15px 10px; } .basic li > div p { margin: 10px; font-size: 14px; } /****************************************** foncé */ .dark { border: 9px solid #353535; border-bottom-width: 8px; padding: 5px 5px 6px 0; background: #030303; -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); } .dark li > h2 { background: #030303; font-size: 16px; line-height: 2.7em; text-shadow: 0 -1px 0 #030303; } .dark li > h2 span { background: #353535; color: white; } .dark li > h2 b { background: #353535\9; color: #030303; font-size: 20px; text-shadow: -1px 1px 0 #5b5b5b; } .dark h2.selected span, .dark h2.selected span:hover { background: #434343; background: -webkit-gradient(linear, left top, right top, color-stop(0, #353535), color-stop(1, #555555)); background: -moz-linear-gradient(top left, #353535 0%, #555555 100%); } .dark h2.selected b { background: #434343\9; } .dark li > div { background: #030303; margin-left: 5px; } /*************************************** Arrondis */ .rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .rounded li > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .infobulle{position: relative;z-index: 0;} .infobulle:hover{background-color: transparent;z-index: 50;} .infobulle span{ position: absolute; background-color: #050505; padding: 5px; left: -1000px; visibility: hidden; color: #FFFFFF; -moz-border-radius:10px;} .infobulle span img{ border: 1px; padding: 5px;} .infobulle:hover span{ visibility: visible; top: 70px; left: 5px; width: 120px ; color:#FFFFFF; border-top: 5px solid #3D3D3D; border-bottom: 5px solid #3D3D3D; border-right: 5px solid #3D3D3D; border-left: 5px solid #3D3D3D; -moz-border-radius:30px; border-top-right-radius: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }

Et mes deux Javascipts :

Code:: /************************************************* * * project: liteAccordion - vertical accordion plugin for jQuery * author: Nicola Hibbert * url: http://nicolahibbert.com/horizontal-accordion-jquery-plugin * demo: http://www.nicolahibbert.com/demo/liteAccordion * * Version: 1.1.3 * Copyright: (c) 2010-2011 Nicola Hibbert * /*************************************************/ ;(function($) { $.fn.liteAccordion = function(options) { // defaults var defaults = { containerWidth : 830, containerHeight : 200, headerWidth : 48, firstSlide : 1, onActivate : function() {}, slideSpeed : 800, slideCallback : function() {}, autoPlay : false, pauseOnHover : false, cycleSpeed : 6000, theme : 'basic', // basic, light*, dark, stitch* rounded : false, enumerateSlides : false }, // merge defaults with options in new settings object settings = $.extend({}, defaults, options), // define key variables $accordion = this, $slides = $accordion.find('li'), slideLen = $slides.length, slideWidth = settings.containerWidth - (slideLen * settings.headerWidth), $header = $slides.children('h2'), // core utility and animation methods utils = { getGroup : function(pos, index) { if (this.offsetLeft === pos.left) { return $header.slice(index + 1, slideLen).filter(function() { return this.offsetLeft === $header.index(this) * settings.headerWidth }); } else if (this.offsetLeft === pos.right) { return $header.slice(0, index + 1).filter(function() { return this.offsetLeft === slideWidth + ($header.index(this) * settings.headerWidth) }); } }, nextSlide : function(slideIndex) { var slide = slideIndex + 1 || settings.firstSlide; // get index of next slide return function() { return slide++ % slideLen; } }, play : function(slideIndex) { var getNext = utils.nextSlide((slideIndex) ? slideIndex : ''), // create closure start = function() { $header.eq(getNext()).click(); }; utils.playing = setInterval(start, settings.cycleSpeed); }, pause : function() { clearInterval(utils.playing); }, playing : 0, sentinel : false }; // set container heights, widths, theme & corner style $accordion .height(settings.containerHeight) .width(settings.containerWidth) .addClass(settings.theme) .addClass(settings.rounded && 'rounded'); // set tab width, height and selected class $header .width(settings.containerHeight) .height(settings.headerWidth) .eq(settings.firstSlide - 1).addClass('selected'); // ie :( if ($.browser.msie) { if ($.browser.version.substr(0,1) > 8) { $header.css('filter', 'none'); } else if ($.browser.version.substr(0,1) < 7) { return false; } } // set initial positions for each slide $header.each(function(index) { var $this = $(this), left = index * settings.headerWidth; if (index >= settings.firstSlide) left += slideWidth; $this .css('left', left) .next() .width(slideWidth) .css({ left : left, paddingLeft : settings.headerWidth }); // add number to bottom of tab settings.enumerateSlides && $this.append('<b>' + (index + 1) + '</b>'); }); // bind event handler for activating slides $header.click(function(e) { var $this = $(this), index = $header.index($this), $next = $this.next(), pos = { left : index * settings.headerWidth, right : index * settings.headerWidth + slideWidth, newPos : 0 }, $group = utils.getGroup.call(this, pos, index); // set animation direction if (this.offsetLeft === pos.left) { pos.newPos = slideWidth; } else if (this.offsetLeft === pos.right) { pos.newPos = -slideWidth; } // check if animation in progress if (!$header.is(':animated')) { // activate onclick callback with slide div as context if (e.originalEvent) { if (utils.sentinel === this) return false; settings.onActivate.call($next); utils.sentinel = this; } else { settings.onActivate.call($next); utils.sentinel = false; } // remove, then add selected class $header.removeClass('selected').filter($this).addClass('selected'); // get group of tabs & animate $group .animate({ left : '+=' + pos.newPos }, settings.slideSpeed, function() { settings.slideCallback.call($next) }) .next() .animate({ left : '+=' + pos.newPos }, settings.slideSpeed); } }); // pause on hover if (settings.pauseOnHover) { $accordion.hover(function() { utils.pause(); }, function() { utils.play($header.index($header.filter('.selected'))); }); } // start autoplay, call utils with no args = start from firstSlide settings.autoPlay && utils.play(); return $accordion; }; })(jQuery);

Code:: $(document).ready(function(){ $('#one').liteAccordion({ onActivate : function() { this.find('figcaption').fadeOut(); }, slideCallback : function() { this.find('figcaption').fadeIn(); }, autoPlay : true, pauseOnHover : true, theme : 'dark', rounded : true, enumerateSlides : true }).find('figcaption:first').show(); });

Voilà, je sais pas si il faut les codes de mon vrai forum donc vous me direz cela ^^
Merci beaucoup *O*

par Yuuko Nakami Mar 25 Oct 2011 - 12:04

Je crois qu'il faut envoyer un UP au bout de 24 heures si je ne me trompe pas alors je dis UP *O*

par Yuuko Nakami Mer 26 Oct 2011 - 13:44

Up, onegai shimasu *O*

par Yuuko Nakami Jeu 27 Oct 2011 - 14:50

Bon.. Et bien encore un UP ><
Es-ce que quelqu'un peut m'aider s'il vous plait ><

par Invité Jeu 27 Oct 2011 - 15:05

Bonjour,

Si le code fonctionne bien sur votre forum test, le problème vient surement d'ailleurs.
Avez-vous mis votre template overall_header à jour sur votre autre forum.
> https://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript

Cordialement.