Les Template explosent mon qeel...

Bon, alors comme le dit le titre, les templates font littéralement éclater le qeel que j'ai fait.

Tout d'abord, voici le rendu du qeel, sur une page html :

http://derniere-prophetie.forumgratuit.org/h5-test-accordeon

Jusque là aucun problème, tout fonctionne à merveille, et sans le moindre bug.

Ensuite, je prends ce machin, et je le copie sur le template, entre BEGIN_DISABLE_VIEWONLINE et END_DISABLE_VIEWONLINE.

Et là, c'est la... catastrophe. Voici le rendu via screen :

[spoiler]

[spoiler]

Bon. Euh, c'est pas tout à fait la même chose que sur ma page html... Est-ce que quelqu'un peut m'aider à résoudre ce problème ?

Pour aider, voici le code de la page html (et des pages javascript et CSS qui y sont liées) :

Code Html complet de la page :

Code:


<script type="text/javascript" src="http://derniere-prophetie.forumgratuit.org/11985.js"></script>
<script type="text/javascript" src="http://derniere-prophetie.forumgratuit.org/12380.js"></script>

<div id="accordeon">
  <ul>
    <li><a id="current"><div class="accordeon-box"><img src="http://img4.hostingpics.net/pics/503351Icone3.jpg"/></div>
    <div class="texte-presentation">
<center><b><font size="2">Bienvenue sur Argän...</font></b></font>

<table>

</div>
    </a></li>
    <li><a><div class="accordeon-box"><img src="http://img4.hostingpics.net/pics/228669Icone2.jpg"/></div>
    <div class="texte-presentation">



<div class="paonglets" text-align="center"><center>
            <span class="paonglet_0 paonglet" id="paonglet_downtrodden" onclick="javascript:change_paonglet('downtrodden');"><font color="#CF7676"><b>Downtrodden</b></font></span>
            <span class="paonglet_0 paonglet" id="paonglet_beryn" onclick="javascript:change_paonglet('beryn');"><font color="#21EB7F"><b>Beryn</b></font></span>
            <span class="paonglet_0 paonglet" id="paonglet_nalfindor" onclick="javascript:change_paonglet('nalfindor');"><font color="#AD3DED"><b>Nalfindor</b></font></span>
<span class="paonglet_0 paonglet" id="paonglet_luphael" onclick="javascript:change_paonglet('luphael');"><font color="#999393"><b>Luphaël</b></font></span>
<span class="paonglet_0 paonglet" id="paonglet_nazzar" onclick="javascript:change_paonglet('nazzar');"><font color="#E6B63C"><b>Nazzar</b></font></span>
<span class="paonglet_0 paonglet" id="paonglet_cybernia" onclick="javascript:change_paonglet('cybernia');"><font color="#00FFAA"><b>Cybernia</b></font></span>
<span class="paonglet_0 paonglet" id="paonglet_shi" onclick="javascript:change_paonglet('shi');"><font color="#C8E687"><b>Shi'Neerune</b></font></span>
<span class="paonglet_0 paonglet" id="paonglet_yensa" onclick="javascript:change_paonglet('yensa');"><font color="#4E8585"><b>Yensas</b></font></span></center>



        </div>

        <div class="contenu_paonglets">
            <div class="contenu_paonglet" id="contenu_paonglet_downtrodden"align="center">

<table cellspacing="-1" class="band"><tr>
<td width="50px"class="band" valign="bottom"><img src="http://img4.hostingpics.net/pics/753222Down2.png" border="0"/></td><td width="400px" height="120px" class="band" valign="middle">Un groupe de mercenaires, prospecteurs, se déplaçant sans cesse à travers le monde à la recherche de savoir. Ils utilisent une technologie particulière, et sont "dirigés" par Lunarfang Einzbern, même s'ils conservent une exceptionnelle indépendance.

<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g3-les-downtrodden';">Liste des Downtrodden</span></center> </td><td width="50px" valign="bottom" class="band"><img src="http://img4.hostingpics.net/pics/753222Down2.png" border="0"/></td>
</tr></table>

</div>

            <div class="contenu_paonglet" id="contenu_paonglet_beryn" align="center">

<table cellspacing="-1" class="band"><tr>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/724944beryn.png"></td><td width="400px" height="120px" valign="middle">Un peuple en symbiose avec la nature. Ils ne sortent de leurs forêts qu'en de très rares occasions. Ils utilisent des magies en rapport avec la nature et les végétaux. Peu concernés par les problèmes actuels, malgré leur force, il est difficile d'obtenir leur aide pour quoi que ce soit concernant le monde extérieur.


<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g4-beryn';">Liste des Beryn</span></center></td><td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/724944beryn.png"/></td>
</tr></table>

</div>

            <div class="contenu_paonglet" id="contenu_paonglet_nalfindor" align="center">

<table cellspacing="-1" class="band"><tr>
<td width="50px valign="bottom"><img src="http://img4.hostingpics.net/pics/448232Nalfin.png"/></td><td width="400px" height="120px;" valign="middle">Les Nalfindor vivent dans un Empire situé en Occident, dirigé par la main d'acier de Marverik, un odieux tyran mégalomane obsédé par l'esprit de conquête. Ils possèdent un territoire immense, et leurs armées sont redoutées, de même que l'Empereur lui même.


<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g5-nalfindor';">Liste des Nalfindor</span></center></td><td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/448232Nalfin.png"/></td>
</tr></table>

</div>

<div class="contenu_paonglet" id="contenu_paonglet_luphael" align="center">
<table cellspacing="-1" class="band"><tr>
<td  width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/598697luph.png"/></td><td width="400px" height="120px" valign="middle">
Les Luphael sont des nomades, marchands itinérants... Ils sont dirigés par Nélyn Von Nazgram, qu'ils respectent tous. Ils possèdent des avant-postes un peu partout en Orient et en Occident, et se déplacent de base en base via des caravanes, la majorité du temps.


<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g6-luphael';">Liste des Luphael</span></center></td>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/598697luph.png"/></td>
</tr></table>
</div>

<div class="contenu_paonglet" id="contenu_paonglet_nazzar" align="center">
<table class="band" cellspacing="-1"><tr>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/219822nazz.png"/></td>
<td width="400px" valign="middle" height="120px">Les Nazzar sont un peuple consitué de plusieurs tribus. Une partie vit à l'Ouest, et l'autre à l'Est. Ce sont de valeureux guerriers, bien qu'ils vivassent à un stade technologique plutôt archaïque. Cependant, on ne fait pas meilleur chasseur qu'un Traqueur Nazzar, ni de meilleur forgeron.


<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g7-nazzar';">Liste des Nazzar</span></center></td>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/219822nazz.png"/></td>
</tr></table>
</div>

<div class="contenu_paonglet" id="contenu_paonglet_cybernia" align="center">
<table class="band" cellspacing="-1"><tr>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/281074cyber.png"/></td>
<td width="400px" height="120px" valign="middle">Les Cybernians vivent dans la ville flottante de Cybernia, pour la plupart, mais aussi sur une grosse partie du continent Oriental. Ils possèdent la technologie la plus avancée qui soit. Ils sont dirigés par Liliana, une jeune Impératrice. Ils ne travaillent que pour une chose : le progrès.


<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g8-cybernia';">Liste des Cybernians</span></center>
</td><td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/281074cyber.png"/></td>
</tr></table>

</div>

<div class="contenu_paonglet" id="contenu_paonglet_shi" align="center">
<table class="band" cellspacing="-1"><tr>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/481707shi.png"/></td><td width="400px" height="120px" valign="middle">
Un peuple ancien, assez spécial. Ils sont dotés de pouvoirs leur permettant de maîtriser parfaitement un des quatre éléments fondamentaux. Curieusement, malgré leur longévité, ils gardent tous une apparence d'enfant, ou du moins d'adolescent. Leur neutralité est légendaire.


<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g10-shi-neerune';">Liste des Shi'Neerune</span></center></td>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/481707shi.png"/></td>
</tr></table>

</div>

<div class="contenu_paonglet" id="contenu_paonglet_yensa" align="center">

<table class="band" cellspacing="-1"><tr>
<td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/841741yen.png"/></td>
<td width="400px" height="120px" valign="middle">Les Yensas sont un peuple troglodyte, vivant non loin de l'Empire Nalfindor, dans de profondes et ingénieuses galeries rocheuses. Ils sont les manipulateurs de l'ombre et les meilleurs camoufleurs qui soient. Ils sont intimement liés à une très ancienne race, aujourd'hui disparue, à l'origine de la vie, malgré leurs conflits internes. Une bien étrange population...

<center><span class="cafe" onclick="location.href='http://derniere-prophetie.forumgratuit.org/g11-yensas';">Liste des Yensas</span></center></td><td width="50px" valign="bottom"><img src="http://img4.hostingpics.net/pics/841741yen.png"/></td>
</tr></table>

</div>




</div>
    <script type="text/javascript">
        //<!--
                var anc_paonglet = 'downtrodden';
                change_paonglet(anc_paonglet);
        //-->
        </script>



</div></a></li>
    <li><a><div class="accordeon-box"><img src="http://img4.hostingpics.net/pics/268201Icone1.jpg"/></div>
  <div class="texte-presentation">
<table cellspacing="1" cellpadding="1" border="0">
<tr><td><div class="titreentete"> Membres</div> </td><td> <div class="titreentete">Messages</div></td></tr>
<tr><td width="50%" valign="middle"> <div class="memberqeel">Nb membres / Membre le plus récent</div></td><td width="50%" valign="middle" align="center"><div class="memberqeel"> Nb Messages</div></td></tr>
</table>

<center>
<table><tr><td width="100%" valign="middle" align="center><font size="2"> Mbre le plus récent</font></td>
</tr></table>

</div></a></li>
<li><a><div class="accordeon-box"><img src="http://img4.hostingpics.net/pics/307552Icone4.jpg"/></div><div class="texte-presentation"><p> Voici le contenu de la derniere boîte</p></div></a></li>
</ul>
  <p style="clear:both"> </p>
</div>



A noter que les deux fichiers ci dessus sont :

1°) Le js de l'accordéon
2°) la bibliothèque jQuery que j'ai directement téléchargé sur mon forum

Ensuite, le code CSS : (vous étonnez pas des noms de classes ou de leur organisation ) :

Code:


#accordeon {
   width:900px;
   margin:0 auto;
   }
#accordeon ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

#accordeon ul li{
   float: left;
   padding: 10px;
   display: block;
   margin-right: 5px;
   background:#fff;
   -webkit-border-radius: .5em;
   -moz-border-radius: .5em;
   border-radius: .5em;
   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
   box-shadow: 0 1px 2px rgba(0,0,0,.2);
        background-image:url('http://img4.hostingpics.net/pics/579980Bgpannel.png');
        border: 2px solid gold;
   }
       

#accordeon ul li a{
   display: block;
   overflow: hidden;
   height: 175px;
   width: 40px;
   outline: none;
   cursor: pointer;   
}

#accordeon #current{
   width: 650px ;
}


#accordeon ul li .texte-presentation {
    margin: 0;
   padding: 0;
   width: 570px;
   display: block;
   margin-left: 75px;
   color:#000;
   font-size:14px;
   text-shadow:1px 1px 1px black;   
   }

#accordeon ul li p{
   font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
   
}

#accordeon ul li .accordeon-box {
   width:140px;
   height:20px;
   font-size:30px;
   position:relative;
   
   
   color:#0AA8F7;
   text-shadow:#555159 1px 2px 2px;

   
   }

.memberqeel {
-moz-border-radius: 20px;
-webkit-border-radius:20px;
border-radius: 20px;
background-image:url('http://img4.hostingpics.net/pics/885031Bgpannel1.png');
padding:5px;
text-align:center;
height: 70px;
}

.qeeel {
width:70px;
height: 15px;
padding:1px;
text-decoration:none !important;
font-weight:bold;
background-image:url('http://img4.hostingpics.net/pics/885031Bgpannel1.png');
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:15px;
-moz-box-shadow:1px 1px 5px black;
-webkit-box-shadow:1px 1px 5px black;
box-shadow: 1px 1px 5px black;
text-align:center;
margin:10px;
}

.paonglet
        {
        display:inline-block;
        margin-left:-5px;
        margin-right:-5px;
        padding:5px;
        cursor:pointer;
        background-image: url('http://img4.hostingpics.net/pics/885031Bgpannel1.png');
        color: black;
        float:top;
        }
        .paonglet_0
        {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid darkred;
     
        font-size:11px;
        }
        .paonglet_1
        {
          color: #9F0000;
          border-radius: 5px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border: 1px solid white;
          background-image:url('http://img11.hostingpics.net/pics/365977Navigationhover.png');
          font-size:11px;
     
        }

        .contenu_paonglet
        {
                margin-top:2px;
                padding: 2px;
                display:none;
                height: 150px;
                font-size: 10px;
        }

.cafe {
-moz-border-radius:15px;
      -webkit-border-radius:15px;
      border-radius:15px;
      padding:0px 4px;
      font-weight:bold;
                color:indigo;
      background:#f6964a;
      text-decoration : none !important;
}

.cafe:hover {
background:#ffa400;
color: darkred;
letter-spacing: 1px;

}

.band {

border-bottom:2px solid gold;
margin-bottom:-2px;
border-collapse: collapse;
text-align:justify;
}


Et maintenant le code JS de l'accordéon :

Code:


$(document).ready(function(){
  var current = $("#current");
  var taille_max = 650; //max width
  var taille_min = 40; //min width
  $("#accordeon ul li a").click(function() {
    $(current).animate({width: taille_min}, { queue:false, duration:400 });
   $(this).animate({width: taille_max}, { queue:false, duration: 400});
   current = this;
  });
});


Voilà je pense que c'est tout... J'ai déjà essayé beaucoup de chose, mais en plus de n'avoir pas fonctionné, ça n'a strictement rien changé. Donc j'espère que vous serez plus productif que moi à ce niveau. ^^

Merci d'avance.

Up...

Bon bah up again and again.

HEllo,


Sans rentrer dans les détails (que je n'ai pas), il faudrait vérifier que le code HTML récupérer de ta page soit positionné au bon endroit dans le template.
En effet les templates sont fournis de bon nombre de cellule de tableau, et il est assez aisé de se planter de cellule, ou de placer le code entre deux cellules.

Je ne connais, hélas, pas les templates par coeur, et ceux de N-U sont suffisamment modifiés pour ne pas reconnaître ceux par défaut, pourrais-tu nous fournir le code du template de footer que tu utilises actuellement ?

Merci.

Ben curieusement, la modification du QEEL se fait via le template index_body... que voici (par défaut, donc non modifié) :

Code:



{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}

      {TOTAL_USERS}

      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}

      {RECORD_USERS}

      

      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Note : Pour changer le Qeel je supprime l'intégralité du code situé entre BEGIN DISABLE VIEWONLINE et END DISABLE VIEWONLINE , que je remplace ensuite avec mon propre code. Doit y avoir un détonateur planqué là dedans pour que ça explose comme ça =).

Hello,

ça m'a l'air d'être la bonne démarche.
Essaye en conservant la structure tableau pour voir si les éléments restent à leur place :

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <td width="100%">

      <!-- ton code ici -->

      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

Si ça ne marche pas il faudrait que je vois les dégâts en ligne directement, ce qui implique de déranger temporairement tes membres, ou de reproduit ton forum sur un forum de test.

Bon courage

J'ai tenté, et ça ne marche pas. Par contre j'ai publié le template, donc tu peux aller voir directement sur le forum. Si tu as besoin de mes ID ou autres, je te ferai passer ça via MP.

Note : Le super fond gris apparaissant sur le forum mais pas sur le screen est du au

"table class="forumline"" x)

Je ne sais pas quelle en est la raison, mais tu n'as absolument pas la même structure sur la page HTML et sur le forum. Je parle de la structure du bloc accordéon uniquement.

Elle n'est pas la même.

Il semblerait, mais je ne suis pas sûr, qu'un < / l i > ait sauté quelque part, ou peut-être un < / u l >.

A voir tester... Hélas le code est compressé par F-A, c'est pas super pour la lisibilité.
Bon courage.

Bon, eh bien... je vais admettre l'hypothèse suivante : tu as regardé le code et il s'est résolu tout seul. Je viens de copier/coller une nouvelle fois le code depuis la page html du bloc accordéon, et ça marche nickel chrome (et firefox aussi).

Cela vient peut être du fait que le CSS du bloc était intégré au code dans le template, et qu'il n'est peut être pas adapté. Ou cela vient-il peut être du fait que j'avais changé un script (du système d'onglet dans les "Groupes") de place, et que c'est ce qui a provoqué l'explosion. Bref... Très bizarre, mais ça a été résolu.

Je tiens quand même à préciser que le nombre d'ul, de li, de /li et de /ul était strictement le même dans la page html et dans le template, ce qui rend la chose encore plus étrange... moi qui ai tendance à penser qu'un copier coller ne résout rien... je suis scotché. Je vais maintenant faire quelque test pour virer le background gris derrière, mais en soi... le code fonctionne, c'est dingue.

Merci encore une fois Riku, ça fait deux fois que tu me sauves la mise. :)

HEllo,

Ben... là j'ai rien fait :p
Ta méthode de débogage est plutôt pas mal, compter le nombre de fermantes et d'ouvrantes, c'est exactement comme ça que je m'y prends quand j'ai un code monstrueusement long.

Bon courage pour la suite

PS : parfois dans le copier/coller tu oublies une partie du code