Retirer l'effet slide d'un tableau à onglet

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

Résolu Retirer l'effet slide d'un tableau à onglet

Message par Maxwellx3 le Sam 28 Mar 2015 - 2:44

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) Smile

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;
    }


Dernière édition par Maxwellx3 le Sam 28 Mar 2015 - 14:52, édité 1 fois

Maxwellx3
**

Féminin
Messages : 93
Inscrit(e) le : 01/08/2011

http://money-money-money.forumactif.fr/
Maxwellx3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer l'effet slide d'un tableau à onglet

Message par Kinotto le Sam 28 Mar 2015 - 12:07

Bonjour,

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


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer l'effet slide d'un tableau à onglet

Message par Maxwellx3 le Sam 28 Mar 2015 - 13:29

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

Maxwellx3
**

Féminin
Messages : 93
Inscrit(e) le : 01/08/2011

http://money-money-money.forumactif.fr/
Maxwellx3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer l'effet slide d'un tableau à onglet

Message par oxymore le Sam 28 Mar 2015 - 14:35

Bonjour

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

oxymore
**

Messages : 96
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retirer l'effet slide d'un tableau à onglet

Message par Maxwellx3 le Sam 28 Mar 2015 - 14:51

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

Maxwellx3
**

Féminin
Messages : 93
Inscrit(e) le : 01/08/2011

http://money-money-money.forumactif.fr/
Maxwellx3 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum