Code de PA qui se moditifie seul

[Myu Akuma]

Bonjour,

Je suis actuellement fondateur d'un forum ( en construction ) , et je me charge donc de coder.
Tout allait bien, j'avançais dans mon code sans probleme majeur.
Je précise aussi, que j'ai décidé de faire une PA en Accordéon.

Mais voila que je du modifier un tableau présent dans le code, qui à engendrer UN "gros" problème:
Le code se modifie seul, de ce fait, l'accrodéon se détruit et ne laisse paraitre que l'onglet n°1.

il se modifie Dans le sens où, j'ai trouvé le problème : c'est un </div> qui disparait
Mais quand j'essaie de le remettre, après enregistrement il s'efface tout seul!

cela fait maintenant 1heure que je cherche un erreur plausible, mais je ne trouve rien.

Je m'adresse donc à vous pour vous demander votre aide.

Ci joint mon code:

Code:

<div id="accordeon-pa" class="accordion">
   
   <ol>
      
      <li>
         
         <h2>
             <span>Présentation </span>
         </h2>
         
         <div>
             <figure> </figure>
            <table style="border-collapse: collapse; color: rgb(0, 0, 0); width: 100%;" border="0" cellpadding="3" cellspacing="3">
               
               <tbody>
                  
                  <tr>
                     
                     <td>
                        
                        <table style="border-collapse: collapse; color: rgb(0, 0, 0); width: 100%;" border="0" cellpadding="3" cellspacing="3">
                           
                           <tbody>
                              
                              <tr>
                                 
                                 <td>
                                    
                                    <table>
                                       
                                       <tbody>
                                          
                                          <tr>
                                             
                                             <td>
                                                
                                                <div class="contenant">
                                                   
                                                   <div align="center">
                                                      
                                                      <div class="contenu">
                                                          <span style="text-decoration: underline;"><span style="font-size: 16px;">Admin' Co' fondateur</span></span><br /> <br /> <strong>Maître de <br />l'espace temps</strong> <br /><br /> <a href=" http://gamevortex.forumgratuit.org/u2/contact" class="postlink" target="_blank">MP</a> <br /> <a href=" http://gamevortex.forumgratuit.org/u2" class="postlink" target="_blank">profil</a>
                                                      </div>
                                                      
                                                   </div><img src="http://i39.servimg.com/u/f39/17/14/18/70/shinin10.jpg" />
                                                </div>
                                                
                                             </td>
                                             
                                             <td colspan="2">
                                                
                                                <div class="contenant">
                                                   
                                                   <div class="contenu">
                                                      
                                                      <div align="center">
                                                          <span style="text-decoration: underline;"><span style="font-size: 16px;">Admin' <br />Fondatric</span>e</span><br /> <br /><strong>Death'GORE<br />in the <br />Darkness</strong><br /><br /> <a href=" http://gamevortex.forumgratuit.org/u1/contact" class="postlink" target="_blank">MP</a> <br /> <a href=" http://gamevortex.forumgratuit.org/u1" class="postlink" target="_blank">profil</a>
                                                      </div>
                                                      
                                                   </div><img src="http://i39.servimg.com/u/f39/17/14/18/70/dzdzdz10.png" />
                                                </div>
                                                
                                             </td>
                                             
                                             <td colspan="3">
                                                
                                                <div class="contenant">
                                                   
                                                   <div class="contenu">
                                                      
                                                      <div align="center">
                                                          <span style="font-size: 16px;"><span style="text-decoration: underline;">Admin'</span></span><br /><br /><strong>Graphiste <br />en <br />Chocolat ?</strong> <br /><br /><a href=" http://gamevortex.forumgratuit.org/u4/contact" class="postlink" target="_blank">MP</a> <br /> <a href=" http://gamevortex.forumgratuit.org/u4" class="postlink" target="_blank">profil</a>
                                                      </div>
                                                      
                                                   </div><img src="http://i39.servimg.com/u/f39/17/14/18/70/img_2811.png" />
                                                </div>
                                                
                                             </td>
                                             
                                             <td colspan="4">
                                                
                                                <div class="contenant">
                                                   
                                                   <div class="contenu">
                                                      
                                                      <div align="center">
                                                          <span style="font-size: 16px;"><span style="text-decoration: underline;">Modérateur</span></span> <br /><br /> <strong>Rédempteur</strong><br /><br /><a href=" http://gamevortex.forumgratuit.org/u3/contact" class="postlink" target="_blank">MP</a> <br /> <a href=" http://gamevortex.forumgratuit.org/u3" class="postlink" target="_blank">profil</a>
                                                      </div>
                                                      
                                                   </div><img src="http://i39.servimg.com/u/f39/17/14/18/70/ike_fu10.jpg" />
                                                </div>
                                                
                                             </td>
                                             
                                          </tr>
                                          
                                       </tbody>
                                       
                                    </table>
                                    
                                 </td>
                                 
                                 <td>
                                    
                                    <table style="background-color:#;border-collapse:collapse;border:0px solid #;color:#000000;width:100%" border="0" cellpadding="3" cellspacing="3">
                                       
                                       <tbody>
                                          
                                          <tr>
                                             
                                             <td>
                                                 Table Cell
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                 Table Cell
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                 Table Cell
                                             </td>
                                             
                                          </tr>
                                          
                                       </tbody>
                                       
                                    </table>
                                    
                                 </td>
                                 
                              </tr>
                              
                           </tbody>
                           
                        </table><figure></figure>
                        <li>
                           
                           <h2>
                               <span>Game VorTex Live Stream 8D</span>
                           </h2>
                           
                           <div>
                               <figure> <object type="application/x-shockwave-flash" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=shirosekai77" bgcolor="#000000" style="width: 640px; height: 420px;"><param value="true" id="allowFullScreen" /><param value="always" id="allowScriptAccess" /><param value="all" id="allowNetworking" /><param value="http://www.twitch.tv/widgets/live_embed_player.swf" id="movie" /><param value="hostname=www.twitch.tv&channel=shirosekai77&auto_play=true&start_volume=25" id="flashvars" /></object><a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"> </a></figure><a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"> </a>
                           </div><a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"> </a>
                        </li><a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"> </a>
                        <li style="padding: 2px 0px 4px; display: block; width: 345px; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;">
                           
                           <h2>
                               <span>Sortie d'été</span>
                           </h2>
                           
                           <div>
                               <figure> </figure>
                              <div align="center">
                                 
                                 <div style="height : 411px; width : 653px; overflow : auto;">
                                    
                                    <table style="background-color: rgb(255, 239, 212); border-collapse: collapse; border: 1px solid rgb(0, 0, 0); color: rgb(36, 33, 31);" border="2" cellpadding="10" cellspacing="">
                                       
                                       <tbody>
                                          
                                          <tr>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/tales-10.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre : Tales Of Xillia 2 <br />Console : PS3<br />Genre : RPG<br />Editeur : Bandai Namco Games<br />Développeur : Tales Studio<br />Sorti le : 22 Aout 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/disgae10.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre : Disgaea 4 : A Promise Revisted<br />Console : PS VITA<br />Genre : Tactique/RPG<br />Editeur : Nippon Ichi Software<br />Développeur : Nippon Ichi Software<br />Sorti le : 28 Aout 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/wiiu_h10.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre :Hyrulewarriors<br />Console :WIIU<br />Genre : Action<br />Editer :Nitendo<br />Dèvelopper :Koei<br />Sorti le : 19 Septembre
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/destin10.png" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre : Destiny <br />Console : Xbox360/PS4/XboxOne<br />Genre : FPS<br />Editeur : Activision<br />Développeur : Bungie<br />Sorti le : 9 Septembre 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/one-pi10.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre :One Piece :Unlimited World R<br />Console :PS3,PS4,3DS,WII U<br />Genre : Beat’Em All (action) <br />Editeur :Bandai Namco Games<br />Développeur :Ganbar !on<br />Sorti le : 27 juin 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/9030-l11.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre :The Last of us remastered<br /> (remake +tous les DLC)<br />Console :PS4<br /> Genre :Action<br />Editeur :Sony Computer Entertainment<br />Développeur :Naughty Dog<br />Sorti le : 30 Juillet 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/pokemo10.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre : Pokémon Art academy <br />Console : 3DS<br />Genre : Autre<br />Editeur :Nitendo<br />Développeur : Headstrong Games<br />Sorti le : 2 Juillet 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/forza-10.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre :Forza Motorsport 5 Racing Game of The Year<br />Console :XBOX ONE<br /> Genre :Course<br />Editeur :Microsoft Game Studios<br />Développeur :Turn 10<br />Sorti le : 22 Juillet 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/02746110.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre : Tropico 5 Console : Xbox360/PC/PS4<br />Genre : Gestion<br />Editeur : Kalypso Media<br />Développeur : Kalypso Media<br />Sorti le : Eté 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                             <td>
                                                
                                                <table style="width: 100%" border="0">
                                                   
                                                   <tbody>
                                                      
                                                      <tr>
                                                         
                                                         <td>
                                                             <img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/cover10.jpg" />
                                                         </td>
                                                         
                                                         <td>
                                                             Titre : Olliolli<br />Console :PC,PS3,PS4 , PS VITA<br />Genre : Action<br />Editeur :Smartly Dressed Games<br />Développeur :Roll7<br />Sorti le :22 juillet 2014
                                                         </td>
                                                         
                                                      </tr>
                                                      
                                                   </tbody>
                                                   
                                                </table>
                                                
                                             </td>
                                             
                                          </tr>
                                          
                                       </tbody>
                                       
                                    </table>
                                    
                                 </div>
                                 
                              </div><figure></figure>
                           </div>
                           
                        </li><a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"> </a>
                        <li style="padding: 2px 0px 4px; display: block; width: 345px; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;">
                           
                           <h2>
                               <span>PV TRAILER GAMEPLAY récent</span>
                           </h2>
                           
                           <div>
                               <figure> </figure>
                              <div style="height : 411px; width : 653px; overflow : auto;">
                                 
                                 <div style="" align="center">
                                     <strong><span style="font-size: 18px; line-height: normal">Tales of Xillia 2 </span>,<em> sortie prévue le 22 Août 2014 , en FRANCE<br /> </em></strong> <strong>TRAILER anglais<br /></strong> <iframe style="width: 560px; height: 315px;" src="//www.youtube.com/embed/9xGPj4Cj66E" allowfullscreen="" frameborder="0"></iframe> <br /><strong> PV N°4[JAPON]</strong> <br /><iframe style="width: 560px; height: 315px;" src="//www.youtube.com/embed/3DMsFah5LX4" allowfullscreen="" frameborder="0"></iframe> <br /><strong> Tales of Xillia 2 Opening </strong><br /> <iframe style="width: 560px; height: 315px;" src="//www.youtube.com/embed/MB4bvAK__Ks" allowfullscreen="" frameborder="0"></iframe>
                                 </div>
                                  <figure> </figure>
                              </div>
                              
                           </div>
                           
                        </li><a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"> </a>
                        <li style="padding: 2px 0px 4px; display: block; width: 345px; font-weight: normal; font-size: 10px; text-decoration: underline; text-align: center;">
                           
                           <h2>
                               <span>? ?????• ?¤??*//<>#</span>
                           </h2>
                           
                           <div>
                               <figure> PA EN COURS <br /> hehehehe</figure>
                           </div>
                           
                        </li><a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"> </a> <a href="http://www.twitch.tv/shirosekai77" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px;text-decoration:underline; text-align:center;"></a>
                     </td>
                     
                  </tr>
                  
               </tbody>
               
            </table>
            
         </div>
         
      </li>
      
   </ol>
</div>

CSS:

Code:

                @charset 'utf-8';
    /*************************************************!
    *
    *  project:    liteAccordion - a horizontal accordion plugin for jQuery
    *  author:    Nicola Hibbert
    *  url:        http://nicolahibbert.com/liteaccordion-v2/
    *  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
    *
    *  Version:    2.0.2
    *  Copyright:  (c) 2010-2011 Nicola Hibbert
    *  Licence:    MIT
    *
    **************************************************/
    /****************************************** Core */
    .accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
    .accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
    .accordion .slide > h2 {
      color: black;
        font-size: 16px; 
      font-weight: normal;
      margin: 0;
      z-index: 100;
      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;
      transform: translateX(-100%) rotate(-90deg);
      transform-origin: right top;
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    .accordion .slide > h2 span {
        display: block;
        padding-right: 8%;
        text-align: right;
        height: 90%;
        margin-top: 5px;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
    }
    .accordion .slide > h2 b {
        display: inline-block;
        position: absolute;
        top: 13%;
        left: 10%;
        text-align: center;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
      -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
    .accordion .slide > h2:hover { cursor: pointer }
    .accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
    .accordion noscript p { padding: 10px; margin: 0; background: white }

    /****************************************** Dark */
    .accordion {
        border: 9px solid #665645;
        border-bottom-width: 8px;
        padding: 5px 5px 6px 0;
        background: #997c5f;
        -webkit-box-shadow: 0 -1px 0 #665645 inset, 0 5px 15px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 -1px 0 #665645 inset, 0 5px 15px rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 0 -1px 0 #665645 inset, 0 5px 15px rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0 -1px 0 #665645 inset, 0 5px 15px rgba(0, 0, 0, 0.4);
      box-shadow: 0 -1px 0 #665645 inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    }
    .accordion .slide > h2 { background: #f2d4b3; text-shadow: 0 -1px 0 #997c5f; line-height: 265% }
    .accordion .slide > h2 span { background: #917f6b; color: white }
    .accordion .slide > h2 b { background: #917f6b; color: #f2d4b3; text-shadow: -1px 1px 0 #5b5b5b }
    .accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
        background: #997c5f;
        background: -moz-linear-gradient(left,  #997c5f 0%, #a38b72 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#997c5f), color-stop(100%,#a38b72));
        background: -webkit-linear-gradient(left,  #997c5f 0%,#a38b72 100%);
        background: -o-linear-gradient(left,  #997c5f 0%,#a38b72 100%);
        background: -ms-linear-gradient(left,  #997c5f 0%,#a38b72 100%);
        background: linear-gradient(left,  #997c5f 0%,#a38b72 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#997c5f', endColorstr='#997c5f',GradientType=1 );
    }
    .accordion .slide > h2.selected b {
        background: #ab8865;
        background: -moz-linear-gradient(top,  #997c5f 0%, #ab8865 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#997c5f), color-stop(100%,#ab8865));
        background: -webkit-linear-gradient(top,  #997c5f 0%,#ab8865 100%);
        background: -o-linear-gradient(top,  #997c5f 0%,#ab8865 100%);
        background: -ms-linear-gradient(top,  #997c5f 0%,#ab8865 100%);
        background: linear-gradient(top,  #997c5f 0%,#ab8865 100%);
    }
    .accordion .slide > div { background: #ffebc9; margin-left: 5px }

    /*************************************** Rounded */
    .rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
    .rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

    /******************************************** IE */
    .ie .slide > h2 b { top: 42%; left: 5% }
    .ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
    .ie.accordion .slide > h2 b { top: 44% }
    .ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

    /******************************************** FA */
    .accordion figure .full { width: 100%; height: 100%; }
    .accordion h2 { border: none; }

    /* centrer l'accordéon */
    .accordion { margin: auto; }

 
span.infoadmins {
  position: relative;
  text-decoration: none;
}
span.infoadmins span.bulle {
  display: none;
  font-size: 12px;
}
span.infoadmins:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
span.infoadmins:hover span.bulle {
  display: inline;
  position: absolute;
left: -50px;
width; 150px;
top:-00px;
  color: #C76E91;
  background-color: #ffffff;
  border: 2px solid #182852;
  padding: 3px;
  -moz-border-radius: 10px;
}

span.infoadmins span.bulles {
  display: none;
  font-size: 12px;
}

span.infoadmins:hover span.bulles {
  display: inline;
  position: absolute;
left: 50px;
width; 150px;
top:0px;
  color: #182852;
  background-color: #ffffff;
  border: 2px solid #182852;
  padding: 3px;
  -moz-border-radius: 10px;
}

        .opac{
            opacity : 0.50;
            -moz-opacity : 0.50; 
            -ms-filter: "alpha(opacity=10)"; /* IE 8 */
            filter : alpha(opacity=10); /* IE < 8 */
        }
       
        .opac:hover{
            opacity : 0.95;
              -moz-opacity : 0.95;
              -ms-filter: "alpha(opacity=10)"; /* IE 8 */
              filter : alpha(opacity=10); /* IE < 8 */
              transition: 0.5s;  /*pour l effet de transition*/
        }

       
                        div.contenant {
            width:100px;/*largeur du contenant, la meme que celle de l image*/
            height:375px;/*hauteur du contenant, la meme que celle de l image*/
            overflow: hidden;
        }
        div.contenu {
            width: 100px;/*largeur du contenu, la meme que celle de l image*/
            height: 375px;/*hauteur du contenu, la meme que celle de l image*/
            overflow: auto;/*pour apparition d une scroll bar si le texte est trop long*/
        }
        .contenant img {
            width:100px;/*largeur de l image*/
            height:375px;/*hauteur de l image*/
            position: relative;
            top: -375px;/*ici mettre la hauteur de l image en négatif*/
            transition: 2s;/*durée de l effet de transition*/
        }
        .contenant:hover img {/*au survol de la souris sur le bloc*/
            top: -240px;/*ici mettre deux fois la hauteur de l image en négatif pour un déplacement vers le haut*/
            transition: 2s;/*durée de l effet de transition*/
        }




    .minimenu {
position: fixed;
top: 50px;
right: -150px;
height: 600px;
}

et Java script:

Code:

$(document).ready(function() {
  $("#accordeon-pa").each(function(){
    $(this).liteAccordion({
      pauseOnHover:true,
      rounded:true,
      enumerateSlides:true,
      containerWidth: 960,
      containerHeight: 410
    })
  });
});
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
(function(b){var a=function(g,l){var i={headerWidth:48,activateOn:"click",firstSlide:1,slideSpeed:800,onTriggerSlide:function(){},onSlideAnimComplete:function(){},autoPlay:false,pauseOnHover:false,cycleSpeed:6000,easing:"swing",theme:"basic",rounded:false,enumerateSlides:false,linkable:false},h=b.extend({},i,l),c=g.children("ol").children("li"),j=c.children(":first-child"),k=c.length,f=h.containerWidth-k*h.headerWidth,e={play:function(m){var n=d.nextSlide(m&&m);if(d.playing){return}d.playing=setInterval(function(){j.eq(n()).trigger("click.liteAccordion")},h.cycleSpeed)},stop:function(){clearInterval(d.playing);d.playing=0},next:function(){e.stop();j.eq(d.currentSlide===k-1?0:d.currentSlide+1).trigger("click.liteAccordion")},prev:function(){e.stop();j.eq(d.currentSlide-1).trigger("click.liteAccordion")},destroy:function(){e.stop();b(window).unbind(".liteAccordion");g.attr("style","").removeClass("accordion basic dark light stitch").removeData("liteAccordion").unbind(".liteAccordion").find("li > :first-child").unbind(".liteAccordion").filter(".selected").removeClass("selected").end().find("b").remove();c.removeClass("slide").children().attr("style","")},debug:function(){return{elem:g,defaults:i,settings:h,methods:e,core:d}}},d={setStyles:function(){g.width(h.containerWidth).height(h.containerHeight).addClass("accordion").addClass(h.rounded&&"rounded").addClass(h.theme);c.addClass("slide").children(":first-child").width(h.containerHeight).height(h.headerWidth).eq(h.firstSlide-1).addClass("selected");j.each(function(m){var p=b(this),o=m*h.headerWidth,n=j.first().next(),q=parseInt(n.css("marginLeft"),10)||parseInt(n.css("marginRight"),10)||0;if(m>=h.firstSlide){o+=f}p.css("left",o).next().width(f-q).css({left:o,paddingLeft:h.headerWidth});h.enumerateSlides&&p.append("<b>"+(m+1)+"</b>")})},bindEvents:function(){if(h.activateOn==="click"){j.bind("click.liteAccordion",d.triggerSlide)}else{if(h.activateOn==="mouseover"){j.bind({"mouseover.liteAccordion":d.triggerSlide,"click.liteAccordion":d.triggerSlide})}}if(h.pauseOnHover&&h.autoPlay){g.bind("mouseover.liteAccordion",function(){d.playing&&e.stop()}).bind("mouseout.liteAccordion",function(){!d.playing&&e.play(d.currentSlide)})}},linkable:function(){var m=(function(){var o=[];c.each(function(){if(b(this).attr("name")){o.push((b(this).attr("name")).toLowerCase())}});return m=o})();var n=function(p){var o;if(p.type==="load"&&!window.location.hash){return}if(p.type==="hashchange"&&d.playing){return}o=b.inArray((window.location.hash.slice(1)).toLowerCase(),m);if(o>-1&&o<m.length){j.eq(o).trigger("click.liteAccordion")}};b(window).bind({"hashchange.liteAccordion":n,"load.liteAccordion":n})},currentSlide:h.firstSlide-1,nextSlide:function(m){var n=m+1||d.currentSlide+1;return function(){return n++%k}},playing:0,animSlideGroup:function(m,o,n){var p=n?":lt("+(m+1)+")":":gt("+m+")";c.filter(p).each(function(){var r=b(this),q=c.index(r);r.children().stop(true).animate({left:(n?0:f)+q*h.headerWidth},h.slideSpeed,h.easing,function(){if(!d.slideAnimCompleteFlag){h.onSlideAnimComplete.call(o);d.slideAnimCompleteFlag=true}})})},slideAnimCompleteFlag:false,triggerSlide:function(p){var o=b(this),m=j.index(o),n=o.next();d.currentSlide=m;d.slideAnimCompleteFlag=false;j.removeClass("selected").filter(o).addClass("selected");if(p.originalEvent&&h.autoPlay){e.stop();e.play(m)}if(h.linkable&&!d.playing){window.location.hash=o.parent().attr("name")}h.onTriggerSlide.call(n);d.animSlideGroup(m,n,true);d.animSlideGroup(m,n)},ieClass:function(){var m=+(b.browser.version).charAt(0);if(m<7){e.destroy()}if(m===7||m===8){c.each(function(n){b(this).addClass("slide-"+n)})}g.addClass("ie ie"+m)},init:function(){if(b.browser.msie){d.ieClass()}d.setStyles();d.bindEvents();if(h.cycleSpeed<h.slideSpeed){h.cycleSpeed=h.slideSpeed}if(h.linkable&&"onhashchange" in window){d.linkable()}h.autoPlay&&e.play()}};d.init();return e};b.fn.liteAccordion=function(e){var d=this,c=d.data("liteAccordion");if(typeof e==="object"||!e){return d.each(function(){var f;if(c){return}f=new a(d,e);d.data("liteAccordion",f)})}else{if(typeof e==="string"&&c[e]){if(e==="debug"){return c[e].call(d)}else{c[e].call(d);return d}}}}})(jQuery);

Je tiens à préciser que je suis certain que l'erreur se trouve dans le code et non dans le CSS et dans le javascript puisque lorsque j'enleve le code du tableau , et que je remet " </div>, ca fonctionne sans problème.

Je vous remercie de votre attention,

Cordialement.

[EDIT: L'endroit ou le /div disparait seul se trouve ici:

Code:

<tbody>
                                          
                                          <tr>
                                             
                                             <td>
                                                 Table Cell
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                 Table Cell
                                             </td>
                                             
                                          </tr>
                                          
                                          <tr>
                                             
                                             <td>
                                                 Table Cell
                                             </td>
                                             
                                          </tr>
                                          
                                       </tbody>
                                       
                                    </table>
                                    
                                 </td>
                                 
                              </tr>
                              
                           </tbody>
                           
                        </table><figure></figure>
                        <li>

]

[Myu Akuma]

up

[Caezd]

Bonjour,
de mon expérience, l'éditeur HTML de ForumActif (celui de la PA et des page HTML, il me semble) se permet de remanier un code s'il n'est pas conforme à certains standards particuliers : une balise "inline" (a, span, strong, etc.) ne peut être parent d'une balise "block" (div et autres).
Il me semble aussi qu'il rencontre certains problèmes avec les nouvelles balises HTML5 (figure, peut-être).

Je ne peux pas plus t'aider avec ton code, par contre : je ne trouve tout simplement pas ce fameux div qui pose problème.

[Myu Akuma]

Bonjour,
tout d'abbord je vous remercie pour avoir lu et répondu au poste malgré vos connaissance limité sur mon code.

ensuite, j'étais au courant pour ce que vous veniez de dire.
Mais je n'en connaissais pas les détail je vous remercie alors pour l'info.

Pour le div, si vous observez attentivement, vous remarquerez que 'normalement', pour chaque onglet, un "div" apparait .

pourtant, sur mon problème, le </div> disparait.

Je vous remercie encore une fois pour votre attention.

[Myu Akuma]

up

[[Nihil]]

Petite question, est ce normale qu'il y a parfois dans le code ceci ?

Code:

<figure></figure>

Je tiens à préciser que je suis certain que l'erreur se trouve dans le code et non dans le CSS et dans le javascript puisque lorsque j'enleve le code du tableau , et que je remet " </div>, ca fonctionne sans problème.

Je dois être un peu fatiguée, mais j'ai du mal à comprendre le seconde partie de la phrase. A savoir : "lorsque j'enleve le code du tableau , et que je remet " </div>, ca fonctionne sans problème."

Je pense que vous pourriez aussi simplifier le code pour mieux le comprendre, en effet parfois on se retrouve avec un tableau à une cellule contenant lui même un tableau, ce qui complique la lecture du code (:

[Scoubifitz]

Bonsoir ,

Il serait préférable de fournir le code que vous utilisez AVANT la modification par l'éditeur ...

Merci .

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[dante]

Personnellement pour éviter que mon code change tout seul et que des balises apparaissent comme par magie:

J'ajoute mon code dans un éditeur de texte (NotePad ++), et quand je veux le tester je colle le tout dans le champs ^^

[Myu Akuma]

Je m'excuse du retard et de mon absence.

pour la phrase dont vous ne comprenez pas, c'est qu'en fait, j'ai sauvegarder un ancien code avant d'avoir fais les modifications. et lorsque je le recolle, la PA accordeon marche sans probleme.

ensuite, pour les <figure> </figure> normalement il ny en a qu'un XD
" <figure> contenu </figure>
mais lorsque jenregistre mon tableau, le code se modifie et ca donne le <figure> </figure> a la place de ce que jai cit plus haut.

je suppose que le code a juste été modifier pour le bon fonctionnement comme vous lavez dis plus haut.
je pense que oui c'est normal. lorsque je recolle mon ancien code qui a aussi <figure></figure> deux fois, il ny a aucun souci apparant.

ensuite, merci à toi dante pour ce conseil , mais c'est deja ce que je fais XD.

[[Nihil]]

Est ce qu'on pourrait s'il te plait avoir l'ancien code (celui qui marche sans problème) et une indication de la partie que tu modifies (: ?
Comme ça on va bien pouvoir comparer ^___^

[Scoubifitz]

Avez vous installé la Correction de la mise en forme du nouvel éditeur en mode source ?

édit : code HTML corrigé :

Code:

<div id="accordeon-pa" class="accordion">
<ol>
<li>
<h2><span>Présentation </span></h2>
<div>
<table style="width: 100%;" border="0" cellpadding="3" cellspacing="3">
<colgroup width="100" span="4"></colgroup>
<tr>
<td valign="top">
<div class="contenant">
<div align="center">
<div class="contenu">
<span style="text-decoration: underline;font-size: 16px;">Admin' Co' fondateur</span><br /> <br />
<strong>Maître de <br />
l'espace temps</strong> <br /><br />
<a href=" http://gamevortex.forumgratuit.org/u2/contact" class="postlink" target="_blank">MP</a> <br />
<a href=" http://gamevortex.forumgratuit.org/u2" class="postlink" target="_blank">profil</a>
</div>
</div>
<img src="http://i39.servimg.com/u/f39/17/14/18/70/shinin10.jpg" />
</div>
</td>
<td valign="top">
<div class="contenant">
<div class="contenu">
<div align="center">
<span style="text-decoration: underline;font-size: 16px;">Admin' <br />
Fondatrice</span><br /> <br />
<strong>Death'GORE<br />
in the <br />
Darkness</strong><br /><br />
<a href=" http://gamevortex.forumgratuit.org/u1/contact" class="postlink" target="_blank">MP</a> <br />
<a href=" http://gamevortex.forumgratuit.org/u1" class="postlink" target="_blank">profil</a>
</div>
</div><img src="http://i39.servimg.com/u/f39/17/14/18/70/dzdzdz10.png" />
</div>
</td>
<td valign="top">
<div class="contenant">
<div class="contenu">
<div align="center">
<span style="font-size: 16px;text-decoration: underline;">Admin'</span><br /><br />
<strong>Graphiste <br />
en <br />
Chocolat ?</strong> <br /><br />
<a href=" http://gamevortex.forumgratuit.org/u4/contact" class="postlink" target="_blank">MP</a> <br />
<a href=" http://gamevortex.forumgratuit.org/u4" class="postlink" target="_blank">profil</a>
</div>
</div><img src="http://i39.servimg.com/u/f39/17/14/18/70/img_2811.png" />
</div>
</td>
<td valign="top">
<div class="contenant">
<div class="contenu">
<div align="center">
<span style="font-size: 16px;text-decoration: underline;">Modérateur</span> <br /><br />
<strong>Rédempteur</strong><br /><br />
<a href=" http://gamevortex.forumgratuit.org/u3/contact" class="postlink" target="_blank">MP</a> <br />
<a href=" http://gamevortex.forumgratuit.org/u3" class="postlink" target="_blank">profil</a>
</div>
</div><img src="http://i39.servimg.com/u/f39/17/14/18/70/ike_fu10.jpg" />
</div>
</td>
<td>
<table style="width:100%" border="0" cellpadding="3" cellspacing="3">
<tr>
<td>Table Cell</td>
</tr><tr>
<td>Table Cell</td>
</tr><tr>
<td>Table Cell</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</li>
<li>
<h2><span>Game VorTex Live Stream 8D</span></h2>
<div>
<figure> <object type="application/x-shockwave-flash" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=shirosekai77" bgcolor="#000000" style="width: 640px; height: 420px;"><param value="true" id="allowFullScreen" /><param value="always" id="allowScriptAccess" /><param value="all" id="allowNetworking" /><param value="http://www.twitch.tv/widgets/live_embed_player.swf" id="movie" /><param value="hostname=www.twitch.tv&channel=shirosekai77&auto_play=true&start_volume=25" id="flashvars" /></object></figure>
</div>
</li>
<li>
<h2><span>Sortie d'été</span></h2>
<div>
<div style="height : 411px; width : 653px; overflow : auto;margin:auto;">
<table style="background-color: rgb(255, 239, 212);width:100%;" border="2" cellpadding="10" rules="all">
<tr>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/tales-10.jpg" />
<div style="float:right;width:210px">
Titre : Tales Of Xillia 2 <br />
Console : PS3<br />
Genre : RPG<br />
Editeur : Bandai Namco Games<br />
Développeur : Tales Studio<br />
Sorti le : 22 Aout 2014
</div>
</td>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/disgae10.jpg" />
<div style="float:right;width:210px;">
Titre : Disgaea 4 : A Promise Revisted<br />
Console : PS VITA<br />
Genre : Tactique/RPG<br />
Editeur : Nippon Ichi Software<br />
Développeur : Nippon Ichi Software<br />
Sorti le : 28 Aout 2014
</div>
</td>
</tr>
<tr>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/wiiu_h10.jpg" />
<div style="float:right;width:220px">
Titre :Hyrulewarriors<br />
Console :WIIU<br />
Genre : Action<br />
Editeur :Nitendo<br />
Développeur :Koei<br />
Sorti le : 19 Septembre
</div>
</td>
<td valign="top"><img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/destin10.png" />
<div style="float:right;width:220px;">
Titre : Destiny <br />
Console : Xbox360/PS4/XboxOne<br />
Genre : FPS<br />
Editeur : Activision<br />
Développeur : Bungie<br />
Sorti le : 9 Septembre 2014
</div>
</td>
</tr><tr>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/one-pi10.jpg" />
<div style="float:right;width:220px;">
Titre :One Piece :Unlimited World R<br />
Console :PS3,PS4,3DS,WII U<br />
Genre : Beat’Em All (action) <br />
Editeur :Bandai Namco Games<br />
Développeur :Ganbar !on<br />
Sorti le : 27 juin 2014
</div>
</td>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/9030-l11.jpg" />
<div style="float:right;width:220px;">
Titre :The Last of us remastered<br />
(remake +tous les DLC)<br />
Console :PS4<br />
Genre :Action<br />
Editeur :Sony Computer Entertainment<br />
Développeur :Naughty Dog<br />
Sorti le : 30 Juillet 2014
</div>
</td>
</tr><tr>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/pokemo10.jpg" />
<div style="float:right;width:220px;">
Titre : Pokémon Art academy <br />
Console : 3DS<br />
Genre : Autre<br />
Editeur :Nitendo<br />
Développeur : Headstrong Games<br />
Sorti le : 2 Juillet 2014
</div>
</td>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/forza-10.jpg" />
<div style="float:right;width:220px;">
Titre :Forza Motorsport 5 Racing Game of The Year<br />
Console :XBOX ONE<br />
Genre :Course<br />
Editeur :Microsoft Game Studios<br />
Développeur :Turn 10<br />
Sorti le : 22 Juillet 2014
</div>
</td>
</tr><tr>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/02746110.jpg" />
<div style="float:right;width:220px;">
Titre : Tropico 5<br />
Console : Xbox360/PC/PS4<br />
Genre : Gestion<br />
Editeur : Kalypso Media<br />
Développeur : Kalypso Media<br />
Sorti le : Eté 2014
</div>
</td>
<td valign="top">
<img alt="" src="http://i39.servimg.com/u/f39/17/14/18/70/cover10.jpg" />
<div style="float:right;width:220px;">
Titre : Olliolli<br />
Console :PC,PS3,PS4 , PS VITA<br />
Genre : Action<br />
Editeur :Smartly Dressed Games<br />
Développeur :Roll7<br />
Sorti le :22 juillet 2014
</div>
</td>
</tr>
</table>
</div>
</div>
</li>
<li>
<h2><span>PV TRAILER GAMEPLAY récent</span></h2>
<div>
<div style="height : 411px; width : 653px; overflow : auto;text-align:center">
<strong><span style="font-size: 18px; line-height: normal">Tales of Xillia 2 </span>,<em> sortie prévue le 22 Août 2014 , en FRANCE<br /> </em></strong> <strong>TRAILER anglais<br /></strong> <iframe style="width: 560px; height: 315px;" src="//www.youtube.com/embed/9xGPj4Cj66E" allowfullscreen="" frameborder="0"></iframe> <br /><strong> PV N°4[JAPON]</strong> <br /><iframe style="width: 560px; height: 315px;" src="//www.youtube.com/embed/3DMsFah5LX4" allowfullscreen="" frameborder="0"></iframe> <br /><strong> Tales of Xillia 2 Opening </strong><br /> <iframe style="width: 560px; height: 315px;" src="//www.youtube.com/embed/MB4bvAK__Ks" allowfullscreen="" frameborder="0"></iframe>
</div>
</div>
</li>
<li>
<h2><span>? ?????• ?¤??*//<>#</span></h2>
<div> PA EN COURS <br /> hehehehe
</div>
</li>
</ol>
</div>

[Myu Akuma]

Scoubifitz Un très grand merci pour votre aide car votre code édité marche à merveille *^^* . c'est un RESOLU
Merci encore infiniment !! ^^

[Nihil] Je vous suis très reconnaissant pour votre aide et votre attention que vous m'aviez donnée ^^

Je m'excuse aussi pour le retard qu'on prit chacune de mes reponses ^^' .