Problème avec ma pa

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

Résolu Problème avec ma pa

Message par Romantic_Lucky le Jeu 4 Aoû 2011 - 22:02

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

Romantic_Lucky
*

Messages : 39
Inscrit(e) le : 13/07/2011

http://last-breath.forum-canada.com/ [construction]
Romantic_Lucky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma pa

Message par tupac le Ven 5 Aoû 2011 - 1:13

Bonsoir

Et comme ça c'est mieux.

Spoiler:
Code:

<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 : 532px ;
    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>
<center>
<marquee width="400px" height="190px" direction="down" scrolldelay="2" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();">BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA</marquee></center>
  </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> 

  <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>
<center>
<marquee width="400px" height="190px" direction="down" scrolldelay="2" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();">BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA
    BLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLABLA</marquee></center>
  </div>

          <div name="6">contenu de l'onglet 6</div>

          <div name="7">contenu de l'onglet 7</div>
   
          </div></td></tr></tbody></table>

</div>
</div>
        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'groupe1';
                    change_onglet(anc_onglet);
            //-->
            </script>
    </center>


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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma pa

Message par Romantic_Lucky le Ven 5 Aoû 2011 - 1:46

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 ?

Romantic_Lucky
*

Messages : 39
Inscrit(e) le : 13/07/2011

http://last-breath.forum-canada.com/ [construction]
Romantic_Lucky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma pa

Message par tupac le Ven 5 Aoû 2011 - 2:40

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec ma pa

Message par Romantic_Lucky le Ven 5 Aoû 2011 - 4:02

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

Romantic_Lucky
*

Messages : 39
Inscrit(e) le : 13/07/2011

http://last-breath.forum-canada.com/ [construction]
Romantic_Lucky 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