Onglet ne s'affichants pas... Bouton_activeOnglet ne s'affichants pas... Bouton_hoverOnglet ne s'affichants pas... Fb-hoverOnglet ne s'affichants pas... Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Onglet ne s'affichants pas... EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Onglet ne s'affichants pas... EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Onglet ne s'affichants pas... EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Onglet ne s'affichants pas... EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Onglet ne s'affichants pas... EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Onglet ne s'affichants pas... EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Onglet ne s'affichants pas... EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Onglet ne s'affichants pas... EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Boutique Nike : -25% dès 50€ sur TOUT le ...
Voir le deal

Partagez
 

Onglet ne s'affichants pas...

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
salut,
voilà ,j'ai un forum de RPG équin , ayant besoins d'une ressource HTLM , j'ai trouver mon bonheur et des gens pouvant prendre mes commandes sur le forum .
Bref , le problème n'est pas la..
L'on m'a fait une page d'accueil , sur un de forum test , tout est nikel , mais sur le mien..

cliquez , c'est mon forum , et regardez par vous même

La largeur et de 70%...

Même le créateur de la PA , ne sais pas d'ou sa viens..

Si vous pouviez m'éclairez avec un allogène sur le problème..

Merci d'avance et bonne journée!


Dernière édition par Etoile Nocturne le Lun 14 Fév 2011, 06:32, édité 1 fois
MessageSujet: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 05:21
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Onglet ne s'affichants pas... Empty
    Hi ^^

    Pour aller plus vite, voici les codes :

    Code:
    <table  width="700" align="center" cellspacing="3" class="tableau">

      <tr>
          <td align="center">
            <h2 class="navig">Navigation</h2>
            <div class="navigation">
                <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a>
                <a href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer" class="a2">Comment bien s'intégrer</a>
                <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a>
            </div>
          </td>
      </tr>

      <tr  border="0">
          <td colspan="3" align="center" valign="center">
            <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0">
          </td>
      </tr>

      <tr>
          <td  class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1">
            <h2 class="navig">Partenaires</h2>
         

            <p>
              ______________________________________
           


            <marquee>
                <a href=" http://esprits-sauvages.forumgratuit.org/"><img src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0" /></a>
                <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a>
                <a href="http://css-actif.forumactif.org/"><img src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0" alt="" /></a>
             
            </marquee>
         

            _____________________________________
         

    <br/>

            Place libre
            </p>
          </td>
          <td>
     
            <div class="onglets">
                <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">News</span>
                <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Concept</span>
                <span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Statistiques</span>
                <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Staff</span>
            </div>
         
            <div class="contenu_onglets">
             
                <!-- ONGLET DES NEWS -->
                <div class="contenu_onglet" id="contenu_onglet_quoi">
                  <!-- CONTENU ONGLET -->
               
                  <h1>News</h1>
             
                  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
               
                  <!-- FIN CONTENU ONGLET -->   
                </div>
             
                <!-- ONGLET DU CONCEPT -->
                <div class="contenu_onglet" id="contenu_onglet_qui">
                    <!-- CONTENU ONGLET -->
               
                  <h1>Concept</h1>
               
                  Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte Texte texte texte texte texte texte texte texte texte texte texte
               
                    <!-- FIN CONTENU ONGLET -->
                </div>
             
                <!-- ONGLET DES STATS -->
                <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                    <!-- CONTENU ONGLET -->
             
                  <h1>Statistiques</h1>
               
                  "But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. ?"
               
                    <!-- FIN CONTENU ONGLET -->
                </div>
             
                <!-- ONGLET DU STAFF -->
                <div class="contenu_onglet" id="contenu_onglet_staff">
                    <!-- CONTENU ONGLET -->
               
                  <h1>Staff</h1>

                  <table align="center" border="0" height="240px">
                      <tr>
                        <td class="mini-avatar" cellspacing="0" id="lien" valign="top">
                            <div class="infobulle">
                              <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0">
                              <span>
                                  <div class="staff">
                                    <strong style="color:#fff;">Fondateur</strong>
                                 

                                    <a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a>
                                  </div>
                              </span>
                            </div>
                        </td>
                      </tr>
                  </table>
               
                  <!-- FIN CONTENU ONGLET -->
                </div>
             
            </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS -->
     
            <!-- SCRIPT IMPORTANT, NE PAS TOUCHER -->
            <script type="text/javascript">
            //<!--
                  var anc_onglet = 'quoi';
                  change_onglet(anc_onglet);
            //-->
            </script>
            <!-- FIN DU SCRIPT -->
          </td>
      </tr>
    <tr height="20">
            <td colspan="2" align="center" class="copy">Page codée par M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour Petits Esprits</td></tr>
     
    </table>

    Et le CSS

    Code:
    .onglet{
    color:  #fff;
    background-color:000;
    display:inline-block;
    margin-left:10px;
    margin-right:0px;
    margin-bottom:-3px;
    margin-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    letter-spacing:-1px;
    font-size:13px;
    font-style:normal;
    width: 75px;
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border:1px dashed #a6a6a6;
    }

    .contenu_onglet{
    background-color:000;
    margin-top:0px;
    margin-bottom:5px;
    margin-right:2px;
    margin-left:2px;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    font-size:12px;
    font-style:normal;
    display:none;
    height:250px;
    width:400px;
    overflow:auto;
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border:1px dashed #a6a6a6;
    text-align:justify;
    color:#ffffff;
    }


    .box1{
    background-color: #000;
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border:1px dashed #a6a6a6;
    box-shadow: 2px 2px 2px #fff;
    -webkit-box-shadow: 2px 2px 0 #a6a6a6;
    -moz-box-shadow: 2px 2px 0 #a6a6a6;
    color: #fff;
    font-size: 14px;
    text-shadow: 2px 2px 2px #fff;
    text-align: top;}

    .lien {
    background-color: #000;
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border:1px dashed #a6a6a6;
    box-shadow: 2px 2px 2px #fff;
    color: #fff;
    font-size: 14px;
    text-shadow: 2px 2px 2px #fff;
    text-align: top;}

    .tableau {
    background-color: #000;
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border:1px dashed #a6a6a6;}

    .navig
    {
    font-size: 12px;
    background-color: #000;
    padding: 5px;
    -moz-border-radius: 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px;
    border: 4px;
    color: #fff;
    text-align: center;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 2px 2px #a6a6a6;
    -moz-box-shadow: 0px 0px 2px 2px#a6a6a6;

    }


     .navigation
     {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #000;
    font-size: 12px;
    height: 20px;
    width: 400px;
    margin: 5px;
    padding: 3px;
    line-height:34px;
    -webkit-box-shadow: 2px 2px 0 #a6a6a6;
    -moz-box-shadow: 2px 2px 0 #a6a6a6;
    padding-top: 1px;

    }


    .a2
    {
    height: 50px;
    background-color: #a6a6a6;
    width: 100%;
    color: #000;
    text-align:center;
    border: 2px solid #e5e4eb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin:7px;
    }


    .a2:hover
    {

    background-color: #c0bcd1;
    color: #fff;
    letter-spacing: 1px;
    margin: 3px;
    border: 3px solid #e5e4eb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

    .infobulle{
    position: relative;
    z-index: 0;
    padding-top:3px;
    padding-left:3px;
    }

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;
    }

    .infobulle span{
    position: absolute;
    background-color:#000000;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border:4px solid #a6a6a6;
    }

    .infobulle span img{
    border: 1px groove;
    padding: 2px;
    }

    .infobulle:hover span{
    visibility: visible;
    top: 5px;
    left: 25px; /*position where enlarged image should offset horizontally */
    width: 160px
    }

    .copy{
    -moz-border-radius:20px 20px 20px 20px;
    -webkit-border-radius:20px 20px 20px 20px;
    border:1px dashed #a6a6a6;
    color: #fff;
    letter-spacing: 3px; }
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 05:29
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
Merci , j'avais oublier les codes aussi......
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 05:31
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Onglet ne s'affichants pas... Empty
Coucou! Very Happy

Remplace ta PA par :

Code:
<table  width="100%" align="center" cellspacing="3" class="tableau">

  <tr>
      <td align="center">
        <h2 class="navig">Navigation</h2>
        <div class="navigation">
            <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a>
 
          <a
href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer"
 class="a2">Comment bien s'intégrer</a>
            <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a>
        </div>
      </td>
  </tr>

  <tr  border="0">
      <td colspan="3" align="center" valign="center">
        <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0">
      </td>
  </tr>

  <tr>
      <td  class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1">
        <h2 class="navig">Partenaires</h2>
     

        <p>
          ______________________________________
       


        <marquee>
 
          <a href="
http://esprits-sauvages.forumgratuit.org/"><img
src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0"
/></a>
            <a
href="http://css-actif.forumactif.org/"><img
src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0"
alt="" /></a>
            <a
href="http://css-actif.forumactif.org/"><img
src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0"
alt="" /></a>
         
        </marquee>
     

        _____________________________________
     

<br/>

        Place libre
        </p>
      </td>
      <td>
 
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">News</span>
            <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Concept</span>
 
          <span class="onglet_0 onglet" id="onglet_pourquoi"
onclick="javascript:change_onglet('pourquoi');">Statistiques</span>
 
          <span class="onglet_0 onglet" id="onglet_staff"
onclick="javascript:change_onglet('staff');">Staff</span>
        </div>
     
        <div class="contenu_onglets">
         
            <!-- ONGLET DES NEWS -->
            <div class="contenu_onglet" id="contenu_onglet_quoi">
              <!-- CONTENU ONGLET -->
           
              <h1>News</h1>
         
 
            Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
 text ever since the 1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen book. It has survived not
only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with
the release of Letraset sheets containing Lorem Ipsum passages, and more
 recently with desktop publishing software like Aldus PageMaker
including versions of Lorem Ipsum.
           
              <!-- FIN CONTENU ONGLET -->   
            </div>
         
            <!-- ONGLET DU CONCEPT -->
            <div class="contenu_onglet" id="contenu_onglet_qui">
                <!-- CONTENU ONGLET -->
           
              <h1>Concept</h1>
           
 
            Texte texte texte texte texte texte texte texte texte texte
 texte Texte texte texte texte texte texte texte texte texte texte texte
 Texte texte texte texte texte texte texte texte texte texte texte Texte
 texte texte texte texte texte texte texte texte texte texte Texte texte
 texte texte texte texte texte texte texte texte texte
           
                <!-- FIN CONTENU ONGLET -->
            </div>
         
            <!-- ONGLET DES STATS -->
            <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                <!-- CONTENU ONGLET -->
         
              <h1>Statistiques</h1>
           
 
            "But I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I will give you a
complete account of the system, and expound the actual teachings of the
great explorer of the truth, the master-builder of human happiness. No
one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know how to pursue pleasure
rationally encounter consequences that are extremely painful. Nor again
is there anyone who loves or pursues or desires to obtain pain of
itself, because it is pain, but because occasionally circumstances occur
 in which toil and pain can procure him some great pleasure. ?"
           
                <!-- FIN CONTENU ONGLET -->
            </div>
         
            <!-- ONGLET DU STAFF -->
            <div class="contenu_onglet" id="contenu_onglet_staff">
                <!-- CONTENU ONGLET -->
           
              <h1>Staff</h1>

              <table align="center" border="0" height="240px">
                  <tr>
                    <td class="mini-avatar" cellspacing="0" id="lien" valign="top">
                        <div class="infobulle">
                          <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0">
                          <span>
                              <div class="staff">
                                <strong style="color:#fff;">Fondateur</strong>
                             

                                <a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a>
                              </div>
                          </span>
                        </div>
                    </td>
                  </tr>
              </table>
           
              <!-- FIN CONTENU ONGLET -->
            </div>
         
        </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS -->
 
        <!-- SCRIPT IMPORTANT, NE PAS TOUCHER -->
        <script type="text/javascript">
        //<!--
              var anc_onglet = 'quoi';
              change_onglet(anc_onglet);
        //-->
        </script>
        <!-- FIN DU SCRIPT -->
      </td>
  </tr>
<tr height="20">
 
      <td colspan="2" align="center" class="copy">Page codée par
M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour
 Petits Esprits</td></tr>
 
</table>

Voilà.
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 05:44
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
C'est mieux , mais toujours rien pour mes petits onglets.....
Mais merci...
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 05:46
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Onglet ne s'affichants pas... Empty
Et comme ça ?

Code:
<table  width="100%" align="center" cellspacing="3" class="tableau">

  <tr>
      <td align="center">
        <h2 class="navig">Navigation</h2>
        <div class="navigation">
            <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a>
 
          <a
href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer"
 class="a2">Comment bien s'intégrer</a>
            <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a>
        </div>
      </td>
  </tr>

  <tr  border="0">
      <td colspan="3" align="center" valign="center">
        <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0">
      </td>
  </tr>

  <tr>
      <td  class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1">
        <h2 class="navig">Partenaires</h2>
     

        <p>
          ______________________________________
       


        <marquee>
 
          <a href="
http://esprits-sauvages.forumgratuit.org/"><img
src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0"
/></a>
            <a
href="http://css-actif.forumactif.org/"><img
src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0"
alt="" /></a>
            <a
href="http://css-actif.forumactif.org/"><img
src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0"
alt="" /></a>
         
        </marquee>
     

        _____________________________________
     

<br/>

        Place libre
        </p>
      </td>
      <td>
 
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">News</span>
            <span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Concept</span>
 
          <span class="onglet_0 onglet" id="onglet_pourquoi"
onclick="javascript:change_onglet('pourquoi');">Statistiques</span>
 
          <span class="onglet_0 onglet" id="onglet_staff"
onclick="javascript:change_onglet('staff');">Staff</span>
        </div>
     
        <div class="contenu_onglets">
         
            <!-- ONGLET DES NEWS -->
            <div class="contenu_onglet" id="contenu_onglet_quoi">
              <!-- CONTENU ONGLET -->
           
              <h1>News</h1>
         
 
            Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
 text ever since the 1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen book. It has survived not
only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with
the release of Letraset sheets containing Lorem Ipsum passages, and more
 recently with desktop publishing software like Aldus PageMaker
including versions of Lorem Ipsum.
           
              <!-- FIN CONTENU ONGLET -->   
            </div>
         
            <!-- ONGLET DU CONCEPT -->
            <div class="contenu_onglet" id="contenu_onglet_qui">
                <!-- CONTENU ONGLET -->
           
              <h1>Concept</h1>
           
 
            Texte texte texte texte texte texte texte texte texte texte
 texte Texte texte texte texte texte texte texte texte texte texte texte
 Texte texte texte texte texte texte texte texte texte texte texte Texte
 texte texte texte texte texte texte texte texte texte texte Texte texte
 texte texte texte texte texte texte texte texte texte
           
                <!-- FIN CONTENU ONGLET -->
            </div>
         
            <!-- ONGLET DES STATS -->
            <div class="contenu_onglet" id="contenu_onglet_pourquoi">
                <!-- CONTENU ONGLET -->
         
              <h1>Statistiques</h1>
           
 
            "But I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I will give you a
complete account of the system, and expound the actual teachings of the
great explorer of the truth, the master-builder of human happiness. No
one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know how to pursue pleasure
rationally encounter consequences that are extremely painful. Nor again
is there anyone who loves or pursues or desires to obtain pain of
itself, because it is pain, but because occasionally circumstances occur
 in which toil and pain can procure him some great pleasure. ?"
           
                <!-- FIN CONTENU ONGLET -->
            </div>
         
            <!-- ONGLET DU STAFF -->
            <div class="contenu_onglet" id="contenu_onglet_staff">
                <!-- CONTENU ONGLET -->
           
              <h1>Staff</h1>

              <table align="center" border="0" height="240px">
                  <tr>
                    <td class="mini-avatar" cellspacing="0" id="lien" valign="top">
                        <div class="infobulle">
                          <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0">
                          <span>
                              <div class="staff">
                                <strong style="color:#fff;">Fondateur</strong>
                             

                                <a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a>
                              </div>
                          </span>
                        </div>
                    </td>
                  </tr>
              </table>
           
              <!-- FIN CONTENU ONGLET -->
            </div>
         
        </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS -->
 
        <!-- SCRIPT IMPORTANT, NE PAS TOUCHER -->
        //<!--
                var anc_onglet = '1';
                change_onglet(anc_onglet);
        //-->
       
//<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
//-->
        <!-- FIN DU SCRIPT -->
      </td>
  </tr>
<tr height="20">
 
      <td colspan="2" align="center" class="copy">Page codée par
M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour
 Petits Esprits</td></tr>
 
</table>

Il manquait un autre script.
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 05:54
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
toujours rien SadSad
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 05:56
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Onglet ne s'affichants pas... Empty
    Hari', ça ne peut pas venir de son forum? Parce que le script et tout le code marche parfaitement chez moi en plus Lostmindy avait corrigé quelques lacunes ô.o
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:00
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
Je ne sais pas , peut être un template qui beug ou autre non?
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:01
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Onglet ne s'affichants pas... Empty
Non, ça ne vient pas de chez son forum.
La Page d'Accueil de fonctionne pas sur mon site non plus :

http://cssactif.free.fr/aide/qeelmurtagh.html
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:04
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
Beiin mince alors....
Sa viens d'ou? Car , ce n'est pas urgent ... Mais , je vous laisse le temps de voire..
car , je ce code me pose une colle.......
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:06
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Onglet ne s'affichants pas... Empty
    Ô.o pourtant ça marche sur le mien >< http://test.forumcanada.org/
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:07
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
Arf.. Vous me narguez avec la PA qui marche que sur le votre xD Razz
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:08
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Onglet ne s'affichants pas... Empty
Non mais c'est bon, il y avait plein d'erreurs, je viens de tout recorriger.
T'es sûr que quelqu'un été repassé derrière toi ? ôO

Code:
<table  width="100%" align="center" cellspacing="3" class="tableau">

  <tr>
      <td align="center">
        <h2 class="navig">Navigation</h2>
        <div class="navigation">
            <a href="http://petits-esprits.forums-actifs.com/f2-reglement" class="a2">Le règlement</a>
 
          <a
href="http://petits-esprits.forums-actifs.com/t13-comment-bien-sintegrer"
 class="a2">Comment bien s'intégrer</a>
            <a href="http://petits-esprits.forums-actifs.com/f3-presentation" class="a2">Présentation</a>
        </div>
      </td>
  </tr>

  <tr  border="0">
      <td colspan="3" align="center" valign="center">
        <img src="http://img4.hostingpics.net/pics/594679lawsss.png" border="0">
      </td>
  </tr>

  <tr>
      <td  class="box1" cellspacing="5" width="300" height="200" align="center" valign="baseline" class="box1">
        <h2 class="navig">Partenaires</h2>
   

        <p>
          ______________________________________
     


        <marquee>
 
          <a href="
http://esprits-sauvages.forumgratuit.org/"><img
src="http://img10.hostingpics.net/pics/857343ES.png" alt="" border="0"
/></a>
            <a
href="http://css-actif.forumactif.org/"><img
src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0"
alt="" /></a>
            <a
href="http://css-actif.forumactif.org/"><img
src="http://files.cssactif.com/logos/css-actif-10035.gif" border="0"
alt="" /></a>
       
        </marquee>
   

        _____________________________________
   

<br/>

        Place libre
        </p>
      </td>
      <td>
 
        <div class="onglets">
            <span class="onglet_1 onglet" id="onglet_1" onclick="javascript:change_onglet('1');">News</span>
            <span class="onglet_0 onglet" id="onglet_2" onclick="javascript:change_onglet('2');">Concept</span>
            <span class="onglet_0 onglet" id="onglet_3" onclick="javascript:change_onglet('3');">Statistiques</span>
            <span class="onglet_0 onglet" id="onglet_4" onclick="javascript:change_onglet('4');">Staff</span>
        </div>
   
        <div class="contenu_onglets">
       
            <!-- ONGLET DES NEWS -->
            <div class="contenu_onglet" id="contenu_onglet_1" style="display:block;">
              <!-- CONTENU ONGLET -->
         
              <h1>News</h1>
       
 
            Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's standard dummy
 text ever since the 1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen book. It has survived not
only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with
the release of Letraset sheets containing Lorem Ipsum passages, and more
 recently with desktop publishing software like Aldus PageMaker
including versions of Lorem Ipsum.
         
              <!-- FIN CONTENU ONGLET --> 
            </div>
       
            <!-- ONGLET DU CONCEPT -->
            <div class="contenu_onglet" id="contenu_onglet_2" style="display: none;">
                <!-- CONTENU ONGLET -->
         
              <h1>Concept</h1>
         
 
            Texte texte texte texte texte texte texte texte texte texte
 texte Texte texte texte texte texte texte texte texte texte texte texte
 Texte texte texte texte texte texte texte texte texte texte texte Texte
 texte texte texte texte texte texte texte texte texte texte Texte texte
 texte texte texte texte texte texte texte texte texte
         
                <!-- FIN CONTENU ONGLET -->
            </div>
       
            <!-- ONGLET DES STATS -->
            <div class="contenu_onglet" id="contenu_onglet_3">
                <!-- CONTENU ONGLET -->
       
              <h1>Statistiques</h1>
         
 
            "But I must explain to you how all this mistaken idea of
denouncing pleasure and praising pain was born and I will give you a
complete account of the system, and expound the actual teachings of the
great explorer of the truth, the master-builder of human happiness. No
one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know how to pursue pleasure
rationally encounter consequences that are extremely painful. Nor again
is there anyone who loves or pursues or desires to obtain pain of
itself, because it is pain, but because occasionally circumstances occur
 in which toil and pain can procure him some great pleasure. ?"
         
                <!-- FIN CONTENU ONGLET -->
            </div>
       
            <!-- ONGLET DU STAFF -->
            <div class="contenu_onglet" id="contenu_onglet_4">
                <!-- CONTENU ONGLET -->
         
              <h1>Staff</h1>

              <table align="center" border="0" height="240px">
                  <tr>
                    <td class="mini-avatar" cellspacing="0" id="lien" valign="top">
                        <div class="infobulle">
                          <img src="http://r18.imgfast.net/users/1813/30/13/00/avatars/1-61.jpg" border="0">
                          <span>
                              <div class="staff">
                                <strong style="color:#fff;">Fondateur</strong>
                           

                                <a href="Lien de la fiche">Fiche</a> - <a href="lien de mp">MP</a>
                              </div>
                          </span>
                        </div>
                    </td>
                  </tr>
              </table>
         
              <!-- FIN CONTENU ONGLET -->
            </div>
       
        </div> <!-- FIN DE LA PARTIE CONTENANT LE CONTENU DES ONGLETS -->
      </td>
  </tr>
<tr height="20">
 
      <td colspan="2" align="center" class="copy">Page codée par
M8D de <a href="http://www.css-actif.com/">CSSActif</a> Pour
 Petits Esprits</td></tr>
 
</table>

<script type="text/javascript">        //<!--
                var anc_onglet = '1';
                change_onglet(anc_onglet);
        //-->
     
//<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
//--></script>
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:09
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
Yeah ! merci ,tous marche , c'est nikel!
Comment vous faites pour corriger aussi vite?:p:p
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:11
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Onglet ne s'affichants pas... Empty
    Nan je trouve cela juste bizarre xD
    Hari' Oui Lostmindy l'a corrigé avant que je le poste ^^''


Dernière édition par Massive8despair le Lun 14 Fév 2011, 06:14, édité 1 fois
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:12
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Onglet ne s'affichants pas... Empty
Ben, en même temps, je suis codeur référent --' Donc, c'est un peu normal que je corrige vite xDD Bon, ben tant que ça marche, tant mieux Wink & Sinon, je sais pas si ta remarqué mais la PA s'est agrandi en largeur (100%). C'est ce que tu souhaiter ou pas? :/
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:13
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
ok , bah c'est résolu , merci à vous deux!

100% sa veux dire?
oui , c'est parfait comme sa , car sinon , sa fait trop petit:p:p
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:14
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Onglet ne s'affichants pas... Empty
    100% = la largeur de la PA
    Bon bah si tout est nickel etc, n'oublies pas de cocher l'icône résolu dans les deux sujets Razz

MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:16
Revenir en haut Aller en bas
http://edelweisss.forumgratuit.org
Etoile Nocturne
{ Membre }
{ Membre }

Féminin Messages : 66



Onglet ne s'affichants pas... Empty
n'est i lpas possible, de mettre la même taille pour la page d'accueil que sur le forum de test svp?
car en regardant bien , je vois qu'il y a une gros blan à droite=(
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... EmptyLun 14 Fév 2011, 06:24
Revenir en haut Aller en bas
Contenu sponsorisé




Onglet ne s'affichants pas... Empty
MessageSujet: Re: Onglet ne s'affichants pas...   Onglet ne s'affichants pas... Empty
Revenir en haut Aller en bas
 

Onglet ne s'affichants pas...

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Pa a onglet : Onglet qui veut pas se montrer ! WTF !!!! xD
» [résolu]Intégrer un menu à onglet dans un menu à onglet
» Onglet en CSS
» Catégorie onglet
» Une organisation par Onglet !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit