Problème avec ma pa

[Romantic_Lucky]

Bonjour / Bonsoir,

Alors, j'ai besoin d'aide pour ma page d'accueil. Une de mes amies m'a proposé de m'aider avec ma page d’accueil, qui est en onglet, et elle a rajouté le contenue de la partie staff (c'est un système d'onglet avec l'image du staff). Mon problème, c'est que depuis que nous avons rajouté la partie staff, le reste du contenue après celui-ci ne rentre plus dans le bon onglet (ils sont tous dans l'onglet staff). J'ai beau regarder, je ne vois pas mon erreur.

Voici mon forum qui vous aidera à comprendre :

http://chuugaku-tsuki.forumactif.org/

Le code de ma page d'accueil :

Code:

<title>Conception d'onglet</title>
      <script type="text/javascript" src="http://illiweb.com/fa/js_16/fr.js"></script>
      <style>
          /* Début de la feuille de style */
            .onglet-content > div {
            display : none ;
        border : solid 2px ;
        border-radius : 5px 5px 5px 5px ; -moz-border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
        padding : 20px ; margin-bottom : Xpx ;
        width : 400px ;
height : 200px;

          }
          .onglet-content > div.active{ display : block ; }
 
          .onglet-table { border-spacing : Xpx ; margin-left:auto ; margin-right :auto ; }
          .onglet-table td {
        style : top ;
      vertical-align:middle ;
        border : solid 2px ;
        border-radius : 5px 5px 5px 5px ; -moz-border-radius : 5px 5px 5px 5px ; -webkit-border-radius : 5px 5px 5px 5px ;
        padding : 0px 10px ;
            opacity : 0.5 ;
          }
          .onglet-table td.active, .onglet-table td:hover {
            opacity : 1 ;
          }
          /* Fin de la feuille de style */
      </style>
    <center>

    <script type="text/javascript">
      /* Début du script */
      jQuery(document).ready(function(){
          jQuery(".onglet-table").find("td").click(function(){
            /* Suppression des classe .active pour tout les onglets et contenus */
            var system = jQuery(this).closest(".onglet"); /* Sélection du système d'onglet */
            system.find(".onglet-table").find(".active").removeClass("active");
            system.find(".onglet-content").find(".active").removeClass("active");

            /* Ajout de la classe active à l'onglet cliqué et au contenu corespondant */
            var id = jQuery(this).attr("name");            /* Identification du numéro de l'onglet cliqué */
            jQuery(this).addClass("active");
            system.find(".onglet-content").find("div[name='"+id+"']").addClass("active");
          });
      });
      /*Fin du script */
    </script>
    <!-- Début du HTML --><div class="onglet">
    <table><tbody><tr><td colspan="2">
      <table class="onglet-table">
            <tbody><tr><td name="1" class="active">Home</td>
            <td name="2">Staff</td>
        <td name="3">Postes vacants</td>
        <td name="4">Partenaires</td>
        <td name="5">News</td>
        <td name="6">Crédits</td>
        <td name="7">À l'honneur</td>
      </tbody></table></td></tr><tr>
<td align="center" valign="middle">
<img src="http://img11.hostingpics.net/pics/50750667pa.png"></td><td>
            <div class="onglet-content">
          <div name="1" class="active"><div style="letter-spacing: -3px; text-shadow: 1px 1px 2px #161617; "><div style="text-align: center;"><font style="color: #63100F;" size="5">Contexte</font></div></div><div style="background: #000000"><span style="font-size: 1px; line-height: normal">.</span></div><marquee width="400px" height="190px" direction="down" scrolldelay="2" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();">BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA</marquee></div>
      <div name="2"><script language="javascript" src="http://beta-testeur.forumactif.com/h4-onglets">
</script>

      <center>
<span class="onglet_0 onglet" id="onglet_groupe1" onmouseover="javascript:change_onglet('groupe1');"><img src="http://r18.imgfast.net/users/1814/13/48/20/smiles/86241.gif"></img></span>
<span class="onglet_0 onglet" id="onglet_groupe2" onmouseover="javascript:change_onglet('groupe2');"><img src="http://r18.imgfast.net/users/1814/13/48/20/smiles/172941.gif"></img></span>
<span class="onglet_0 onglet" id="onglet_groupe3" onmouseover="javascript:change_onglet('groupe3');"><img src="http://r18.imgfast.net/users/1814/13/48/20/smiles/314873.gif"></img></span><div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_groupe1"><div style="font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 18pt; letter-spacing: -2px; text-transform: lowercase;text-shadow:  0pt 0px 1pt #63100F;margin-bottom: -10px;"><font  color ="#63100F">Cynthia Lockwood</font></div><div class="desc">

<center><div class="staff"><img src="http://images4.fanpop.com/image/photos/22000000/Katie-McGrath-katie-mcgrath-22072056-500-200.gif" style="width: 250px; height: 112px;"></div></center></div><div class="desc"><font color="#333333"><i>fondatrice</i></font><a href="http://last-breath.forum-canada.com/privmsg?mode=post&u=2"> <font color="#333333">contacter</font></a></div>

</div>
            <div class="contenu_onglet" id="contenu_onglet_groupe2"> <div style="font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 18pt; letter-spacing: -2px; text-transform: lowercase;text-shadow:  0pt 0px 1pt #63100F;margin-bottom: -10px;"><font  color ="#63100F">Teto Morris</font></div><div class="desc">

<center><div class="staff"><img src="http://img4.hostingpics.net/pics/751301msn.png" style="width: 250px; height: 112px;"></div></center></div><div class="desc"><font color="#333333"><i>administratrice</i></font><a href="http://last-breath.forum-canada.com/privmsg?mode=post&u=3"> <font color="#333333">contacter</font></a></div>

</div>
            <div class="contenu_onglet" id="contenu_onglet_groupe3"><div style="font-family: Times New Roman; font-style: italic; font-weight: bold; font-size: 18pt; letter-spacing: -2px; text-transform: lowercase;text-shadow:  0pt 0px 1pt #63100F;margin-bottom: -10px;"><font  color ="#63100F">Cela pourrait être toi...</font></div><div class="desc">

<center><div class="staff"><img src="http://img4.hostingpics.net/pics/362998msn.png" style="width: 250px; height: 112px;"></div></center></div><div class="desc"><font color="#333333"><i>Information</i></font><a href="http://wanderingsouls.1fr1.net/privmsg?mode=post&u=2" target="blank"> <font color="#333333">contacter</font></a></div>

</div>



        </div>

    </div>

    <script type="text/javascript">
        //<!--
                var anc_onglet = 'groupe1';
                change_onglet(anc_onglet);
        //-->
        </script></div>
</center></div>
      <div name="3">contenu de l'onglet 3</div>
      <div name="4">contenu de l'onglet 4</div>
      <div name="5"><div style="letter-spacing: -3px; text-shadow: 1px 1px 2px #161617; "><div style="text-align: center;"><font style="color: #63100F;" size="5">News</font></div></div><div style="background: #000000"><span style="font-size: 1px; line-height: normal">.</span></div><marquee width="400px" height="190px" direction="down" scrolldelay="2" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();">BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA</marquee></div>
      <div name="6">contenu de l'onglet 6</div>
      <div name="7">contenu de l'onglet 7</div>
 
      </div></td></tr></tbody></table>

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Merci d'avance à celui ou celle qui va résoudre mon problème. :thanks:

[tupac]

Bonsoir

Et comme ça c'est mieux.

Spoiler:

[Romantic_Lucky]

Oui, beaucoup mieux, merci beaucoup ! :thanks:
J'aimerai juste savoir, avant de mettre le sujet résolu, quel était le problème pour ne pas refaire la même erreur la prochaine fois dans mes codes ?

[tupac]

Je vous laisse chercher par vous même comparer votre ancien code et le mien l'erreur est flagrante et si vraiment vous ne trouvez pas faite moi le savoir.

[Romantic_Lucky]

Je l'ai trouvée ! Je me sens stupide de ne pas l'avoir remarqué.
Merci encore de m'avoir aidé.