Problème avec mes onglets >.<

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

Résolu Problème avec mes onglets >.<

Message par La-Pouic-Team le Sam 12 Fév 2011 - 12:45

Bonjour,
Il y a quelque chose que je comprend pas avec mes onglets ... Voilà, le premier onglet marche très bien, pas de problème, mais ... le deuxième et le troisième, le contenu se met au dessus de l'onglet et non pas en dessous comme je le veux ... je ne comprend pas pourquoi...
Voici le code :
Code:
<script src="http://www.archive-host.com/files/616281/2187d4bf3cf1db44981c38ed85aa82088940d754/tourne_page.js" /></script>

<script src="http://www.archive-host.com/files/596274/2187d4bf3cf1db44981c38ed85aa82088940d754/ONGLET.js"></script><div id="mes_onglets">

    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
        </ul><div class="clear"><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><table><tr><td><blockquote><FIELDSET style="border: #704A09 3px solid;-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; width: 200px; box-shadow: 3px 6px 9px red; -webkit-box-shadow: 3px 6px 9px #704A09; background-color:#DEBC6D;">
<LEGEND><i><span style="font-size: 24px; line-height: normal"><font color="#704A09"> Liens utiles</span></i></font></LEGEND>
• <a href="http://unites-by-the-fate.forumactif.com/t90-reglement" class="postlink" target="_blank" rel="nofollow">Règlement</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/t8-histoire" class="postlink" target="_blank" rel="nofollow">Contexte</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/t126-concept" class="postlink" target="_blank" rel="nofollow">Concept approfondit</a> <br>
• <a href="http://unites-by-the-fate.forumactif.com/t17-les-roles#83" class="postlink" target="_blank" rel="nofollow">Les rôles</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/t153-nouveau-les-avatars" class="postlink" target="_blank" rel="nofollow">Avatar disponible ?</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/f30-demandes-de-partenariats" class="postlink" target="_blank" rel="nofollow">Devenir partenaire</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/f35-nos-partenaires" class="postlink" target="_blank" rel="nofollow">Nos partenaires</a>
</LEGEND>
</FIELDSET></blockquote></td>


<td><blockquote><FIELDSET style="border: #704A09 3px solid;-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; width: 600px; box-shadow: 3px 6px 9px red; -webkit-box-shadow: 3px 6px 9px #704A09; background-color:#DEBC6D;">
<LEGEND><i><span style="font-size: 24px; line-height: normal"><font color="#704A09"> Hey ! Bienvenue sur U.B.T.F !</span></i></font></LEGEND>
<ul>Hey ! Bienvenue à toi, {USER&amp;nbsp;LINK} ! <br>
United by the Fate a désormais {FORUMAGE} jours.<br>
Avant de commencer, nous devons vous prévenir que vous être ici ... Dans un asile ! L'asile d'U.B.T.F n'est pas très réputé, mais compte un grand nombre de fou plus cinglé les uns que les autres et le Staff n'échappe pas non plus à la règle ! <br>
Quoi ? Vous avez toujours pas pris peur ? * Rôôh encore un suicidaire ... * <br>
Bon, maintenant que vous êtes prévenu, passons au choses sérieuses ... * Haaa j'adore cette phrase ... ! Vous y avez cru franchement ? * * Bon bon okay okay je me calme ... * U.B.T.F attend avec impatience de nouveaux membres actifs et efficace niveau RP, mais aussi qui veulent bien déconné un peu avec les autres fous du forum dans les parties flood !<br>
Sinon les admines mordent un peu ... Mais pas trop fort ne vous inquiétez pas !<br>
Niveau partenariat, on accepte toute les demandes ( enfin, sauf exception mais il n'y en a jamais eu pour le moment), alors profiter-en, le formulaire est court et ne prend pas beaucoup de temps à compléter ... Et, évidement, cette rubrique est ouverte aux invités ;)<br>
Sur ce, on espère bientôt vous voir également contaminé par notre folie ... ♥<br>
</ul></LEGEND>
</FIELDSET></blockquote></td>

<td>STAFF:<br>
<table><tr>

<td><div class="thumbnail">
<img src="http://img10.hostingpics.net/pics/355016infobulleAmbre.jpg">
<span><div class="tstaff" align="center">
AMBRE<br>
Fondatrice<br>
Représentante de la force<br>
<img src="http://img10.hostingpics.net/pics/418420inf.jpg"><br>
<a href="http://unites-by-the-fate.forumactif.com/u1contact" class="postlink" target="_blank" rel="nofollow">♥ La contacter ♥</a>

</div></span>
</div></td>

<td><div class="thumbnail">
<img src="http://img10.hostingpics.net/pics/218869infobulleAlize.jpg">
<span><div class="tstaff" align="center">
ALIZÉE<br>
Fondatrice<br>
Représentante de la Sagesse<br>
& Designeuse<br> 
<img src="http://img10.hostingpics.net/pics/707602inf2.jpg"><br>
<a href="http://unites-by-the-fate.forumactif.com/u2contact" class="postlink" target="_blank" rel="nofollow">♥ La contacter ♥</a>
</div></span>
</div></td>

<td><div class="thumbnail">
<img src="http://img10.hostingpics.net/pics/593921infobullelhana.jpg">
<span><div class="tstaff" align="center">
LEHANA<br>
Représentante de la Volonté<br>
<img src="http://img10.hostingpics.net/pics/173208inf3.jpg"><br>
<a href="http://unites-by-the-fate.forumactif.com/u3contact" class="postlink" target="_blank" rel="nofollow">♥ La contacter ♥</a>
</div></span>
</div></td>

</tr></table></table></tr></td></div><div id="co_2" class="mon_contenu" style="display: none;">CONTENU 2</div><div id="co_3" class="mon_contenu" style="display: none;">CONTENU 3</div>

Si vous n'avez rien compris à mes explications au sujet du problème ( ce qui est fort probable vu comme je suis trop doué pour expliquer >.<) aller voir par vous même ici

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes onglets >.<

Message par Invité le Sam 12 Fév 2011 - 14:47

Bonjour,

A la toute fin du code, le tableau est fermé avant la ligne et la colonne, c'est pour ça que ça fonctionne mal, et il me semble qu'il manque aussi une fermeture de "div".
Code:
<script src="http://www.archive-host.com/files/616281/2187d4bf3cf1db44981c38ed85aa82088940d754/tourne_page.js" /></script>
<script src="http://www.archive-host.com/files/596274/2187d4bf3cf1db44981c38ed85aa82088940d754/ONGLET.js"></script><div id="mes_onglets">

    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>

          <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>

          <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>

        </ul><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><table><tr><td><blockquote><FIELDSET style="border: #704A09 3px solid;-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; width: 200px; box-shadow: 3px 6px 9px red; -webkit-box-shadow: 3px 6px 9px #704A09; background-color:#DEBC6D;">
<LEGEND><i><span style="font-size: 24px; line-height: normal"><font color="#704A09"> Liens utiles</span></i></font></LEGEND>
• <a href="http://unites-by-the-fate.forumactif.com/t90-reglement" class="postlink" target="_blank" rel="nofollow">Règlement</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/t8-histoire" class="postlink" target="_blank" rel="nofollow">Contexte</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/t126-concept" class="postlink" target="_blank" rel="nofollow">Concept approfondit</a> <br>
• <a href="http://unites-by-the-fate.forumactif.com/t17-les-roles#83" class="postlink" target="_blank" rel="nofollow">Les rôles</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/t153-nouveau-les-avatars" class="postlink" target="_blank" rel="nofollow">Avatar disponible ?</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/f30-demandes-de-partenariats" class="postlink" target="_blank" rel="nofollow">Devenir partenaire</a><br>
• <a href="http://unites-by-the-fate.forumactif.com/f35-nos-partenaires" class="postlink" target="_blank" rel="nofollow">Nos partenaires</a>
</FIELDSET></blockquote></td>
<td><blockquote><FIELDSET style="border: #704A09 3px solid;-moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; width: 600px; box-shadow: 3px 6px 9px red; -webkit-box-shadow: 3px 6px 9px #704A09; background-color:#DEBC6D;">
<LEGEND><i><span style="font-size: 24px; line-height: normal"><font color="#704A09"> Hey ! Bienvenue sur U.B.T.F !</span></i></font></LEGEND>
<ul>Hey ! Bienvenue à toi, {USER&amp;nbsp;LINK} ! <br>
United by the Fate a désormais {FORUMAGE} jours.<br>
Avant de commencer, nous devons vous prévenir que vous être ici ... Dans un asile ! L'asile d'U.B.T.F n'est pas très réputé, mais compte un grand nombre de fou plus cinglé les uns que les autres et le Staff n'échappe pas non plus à la règle ! <br>
Quoi ? Vous avez toujours pas pris peur ? * Rôôh encore un suicidaire ... * <br>
Bon, maintenant que vous êtes prévenu, passons au choses sérieuses ... * Haaa j'adore cette phrase ... ! Vous y avez cru franchement ? * * Bon bon okay okay je me calme ... * U.B.T.F attend avec impatience de nouveaux membres actifs et efficace niveau RP, mais aussi qui veulent bien déconné un peu avec les autres fous du forum dans les parties flood !<br>
Sinon les admines mordent un peu ... Mais pas trop fort ne vous inquiétez pas !<br>
Niveau partenariat, on accepte toute les demandes ( enfin, sauf exception mais il n'y en a jamais eu pour le moment), alors profiter-en, le formulaire est court et ne prend pas beaucoup de temps à compléter ... Et, évidement, cette rubrique est ouverte aux invités ;)<br>
Sur ce, on espère bientôt vous voir également contaminé par notre folie ... ?<br>
</ul></FIELDSET></blockquote></td>
<td>STAFF:<br>
<table><tr>
<td><div class="thumbnail">
<img src="http://img10.hostingpics.net/pics/355016infobulleAmbre.jpg" />
<span><div class="tstaff" align="center">
AMBRE<br>
Fondatrice<br>
Représentante de la force<br>
<img src="http://img10.hostingpics.net/pics/418420inf.jpg" /><br>
<a href="http://unites-by-the-fate.forumactif.com/u1contact" class="postlink" target="_blank" rel="nofollow">? La contacter ?</a>
</div></span>
</div></td>

<td><div class="thumbnail">
<img src="http://img10.hostingpics.net/pics/218869infobulleAlize.jpg" />
<span><div class="tstaff" align="center">
ALIZÉE<br>
Fondatrice<br>
Représentante de la Sagesse<br>
& Designeuse<br>
<img src="http://img10.hostingpics.net/pics/707602inf2.jpg" /><br>
<a href="http://unites-by-the-fate.forumactif.com/u2contact" class="postlink" target="_blank" rel="nofollow">? La contacter ?</a>
</div></span>
</div></td>

<td><div class="thumbnail">
<img src="http://img10.hostingpics.net/pics/593921infobullelhana.jpg" />
<span><div class="tstaff" align="center">
LEHANA<br>
Représentante de la Volonté<br>
<img src="http://img10.hostingpics.net/pics/173208inf3.jpg"><br>
<a href="http://unites-by-the-fate.forumactif.com/u3contact" class="postlink" target="_blank" rel="nofollow">? La contacter ?</a>
</div></span>
</div></td>
</tr></table></tr></td></table></div><div id="co_2" class="mon_contenu" style="display: none;">CONTENU 2</div><div id="co_3" class="mon_contenu" style="display: none;">CONTENU 3</div></div></div></div>
C'est mieux?

Cordialement.

Invité
Invité


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

Résolu Re: Problème avec mes onglets >.<

Message par La-Pouic-Team le Sam 12 Fév 2011 - 17:49

Ralala comme je suis conne ... >.< ( jcrois que je me lasserais jamais de le répéter >.<)
En tout cas merci beaucoup Very Happy

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team 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