Retirer l'effet slide d'un tableau à onglet

[Maxwellx3]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : néant

Description du problème

Bonsoir (encore moi)

Comme l'indique mon titre,je voudrais savoir comment retirer l'effet slide dans un tableau à onglet. J'aimerai que le changement des onglets se fasse sans aucun effet "qui les déplacerait". Je n'ai pas ajouté l'effet slide à mon html ni à mon CSS donc je pense que ça ne peut venir que du script (j'ai utilisé le tuto du forum concernant les tableaux à onglets). Cependant, je ne m'y connais pas trop en script donc je n'y ai pas touché.

Code:

<div class="staff">
                                                              
               <div class="systab s_hover s_float s_fade">
                                                                                                                               
                  <div class="selected">
                                                                                   <span><img src="http://i.imgbox.com/pPJSAIk1.png" /></span>                 
                     <table>
                                                       
                        <tbody>
                                                          
                           <tr>
                                                             
                              <td style="width: 115px">
                                                                
                                 <div class="nomstaff" style="width:100px;  line-height: 11px;">
                                                      Theo E. Worthington                 
                                 </div>
                                                        
                                 <div class="detailname">
                                                fondatrice           
                                 </div>
                                           <br />         
                                 <div align="center">
                                              <em><span style="color: #9fa0a3;">QUIET RIOT</span></em>       
                                 </div>
                                                
                                 <div align="center">
                                            DC: aucun<br /><a href="http://luckyones.forums-actifs.com/u4">profil</a> - <a href="http://luckyones.forums-actifs.com/privmsg?mode=post&u=4">contacter</a>                     
                                 </div>
                                                
                              </td>
                                                             
                              <td>
                                                             <span id="truc"><img src="http://i.imgbox.com/oCmgTjqL.png" style="margin-left: 6px; border: 1px solid rgb(234, 224, 209); padding: 2px;" align="left" /></span>                 
                              </td>
                                                             
                           </tr>
                                                          
                        </tbody>
                                                       
                     </table>
                                                                                                            
                  </div>
                                                                                                                               
                  <div>
                                                                                   <span><img src="http://i.imgbox.com/wEttgMdU.png" /></span>
                     <table>
                                                       
                        <tbody>
                                                          
                           <tr>
                                                             
                              <td style="width: 115px">
                                                                
                                 <div class="nomstaff" style="width:100px;  line-height: 11px;">
                                                      Voltaire "Volt" A. Wentz                 
                                 </div>
                                                        
                                 <div class="detailname">
                                                admin           
                                 </div>
                                           <br />         
                                 <div align="center">
                                              <em><span style="color: #9fa0a3;">≠ novocaine</span></em>       
                                 </div>
                                                
                                 <div align="center">
                                            DC: aucun<br /><a href="http://luckyones.forums-actifs.com/u4">profil</a> - <a href="http://luckyones.forums-actifs.com/privmsg?mode=post&u=4">contacter</a>                     
                                 </div>
                                                
                              </td>
                                                             
                              <td>
                                                             <span id="truc"><img src="http://i.imgbox.com/ez4fN2jI.png" style="margin-left: 6px; border: 1px solid rgb(234, 224, 209); padding: 2px;" align="left" /></span>                 
                              </td>
                                                             
                           </tr>
                                                          
                        </tbody>
                                                       
                     </table>
                  </div>
                                                                                                                               
                  <div>
                                                                                   <span><img src="http://i.imgbox.com/12XaNRaA.png" /></span>            contenu                                                 
                  </div>
                                                                                                                             
               </div>
                                                                  
            </div>

Code:


.contexte{
 width: 330px;
  height: 120px;
  overflow: auto;
background-color: #fffcf6;
padding: 5px;
text-align: justify;
border-bottom: 1px solid #ddbc4b;
border-top: 1px solid #ddbc4b; 
}

.news{
 width: 300px;
  height: 120px;
  overflow: auto;
background-color: #fffcf6;
padding: 5px;
text-align: justify;
border-bottom: 1px solid #ddbc4b;
border-top: 1px solid #ddbc4b; 

}

.staff{
 width: 280px;
  height: 121px;
background-color: #fffcf6;
padding: 5px;
text-align: justify;
border-bottom: 1px solid #ddbc4b;
border-top: 1px solid #ddbc4b; 
}

.nomstaff{
  text-align: center;
  font-family: 'Vollkorn', serif;
  font-size: 15px;
  margin-bottom: 1px;
  color: #c9037c;
  text-transform: lowercase;
  font-weight: lighter;
}

.bloc {
background-color: #9c4f83; 
  font-family: 'Oswald', sans-serif;
  font-weight: lighter;
padding: 3px;
 margin : 3px;
  font-size:10px;
  text-align: center;
width: 85px;
  text-transform: uppercase;}

.patitre {
font-family: 'Yanone Kaffeesatz', sans-serif;
  text-transform: uppercase;
   font-size: 17px;
  font-weight:lighter;
   text-decoration: none;
  text-shadow: 0 0 1px;
  color: #eec743;
}

bl {
font-family: 'Oswald', sans-serif;
font-size: 10px;
letter-spacing: 1px;
color: #9BBBB0; 
text-transform: uppercase; }

v {
font-family: 'Oswald', sans-serif;
font-size: 10px;
letter-spacing: 1px;
color: #9c4f83; 
text-transform: uppercase; }

        /* style des onglets si ils sont à gauche ou à droite */
        .systab.s_float .tab,.systab.s_float .tab {
          display: block;
          margin: 5px;
        }
        /* flottement des conteneurs si les onglets sont à gauche où à droite */
        .systab.s_float .tabs,.systab.s_float .contents {
          float: left;
        }

#truc img {
    opacity: 0.8;
    }

#truc img:hover {
    opacity: 1;
    }


[Invité]

Bonjour,

Cela vient forcément du script, lequel n'apparaît pas dans vos informations.


Cordialement.

[Maxwellx3]

Bonjour,
J'ai indiqué qu'il s'agissait du tutoriel de FA donc forcément le script est le même : https://forum.forumactif.com/t310879-tableaux-a-onglets

[oxymore]

Bonjour

Essayez en changeant la valeur 500 par 0 (2 fois) dans le code javascript .

[Maxwellx3]

Boujour Oxymore,
J'ai essayé et ça a parfaitement fonctionné. Merci beaucoup