Sujets similaires

L'adresse de votre forum. Je peux pas la communiquer c'est un forum test et j'ai pas forcément envie que tout le monde le voit....
Explications du problème.
J'ai créé un code grâce à un site pour mettre plusieurs pages dans ma page d'accueil et naviguer par onglets. Le soucis étant que seul la dernière partie marche le reste fait disparaitre le forum tout en ne gardant que la PA xD
Voilà les captures :
https://i.servimg.com/u/f68/12/38/27/34/soucis10.gif
https://i.servimg.com/u/f68/12/38/27/34/soucis11.gif
https://i.servimg.com/u/f68/12/38/27/34/soucis12.gif
Le navigateur utilisé est firefox.
La version du forum est phbb2
Mon code est le suivant :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//
</script>
<style type="text/css">
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#8BAB90;
border-bottom:1px solid black;
}
.onglet_1
{
background:#8BAB90;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#8BAB90;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">INFOS & CONTEXTE</span>
<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">STAFF & CRÉDITS</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">PARTENAIRES ET TOP SITES</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi">
<h1><br><br><div style="margin:auto;text-align:center;width:100%"><a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/reglement-du-forum-t1.htm">REGLEMENT</a> | <a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/le-staff-t4.htm">STAFF </a>| <a href="http://wayr2.forumactif.com/contexte-et-annexes-f4/contexte-du-forum-t21.htm">CONTEXTE</a> | <a href="http://who-are-you-really.forumactif.com/personnages-de-l-histoire-f5/"></a><a href="http://wayr2.forumactif.com/personnages-de-l-histoire-f7/">PREDEFINIS</a> |<a href="http://wayr2.forumactif.com/scenarios-des-membres-f11/"> SCENARIOS DES MEMBRES </a><br><a href="http://wayr2.forumactif.com/personnages-de-l-histoire-f7/celebrites-prises-t19.htm">CELEBRITES PRISES</a> | <a href="http://wayr2.forumactif.com/contexte-et-annexes-f4/nos-videos-t23.htm">NOS VIDÉOS</a> | <a href="http://wayr2.forumactif.com/les-fiches-de-nos-partenaires-vip-f20/">PARTENAIRES VIP </a>| <a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/credits-t94.htm#321">CREDITS</a><br><br><table width="700px" border="0" cellpadding="3" cellspacing="4">
<tbody><tr>
<td>Ouverture WAYR I 29.09.2009<br>WAYR II<br>23.04.2010<br>20 lignes mini<br><span style="color: DarkRed;">Interdit aux - de 18 Ans</span> <br>Poster sa fiche sous 1 semaine. <br>Faire sa fiche sous 10 jours.<br>Design 1 by Blondie <br></td>
<td><div style="margin:auto;text-align:center;width:100%">«<span style="font-size: 24px; line-height: normal"><font face="Georgia">Futur nous voilà !</font> </span>»

<br><br>

<blockquote><div align="justify"><span style="font-size: 18px; line-height: normal"><font face="Georgia"><strong>L</strong></font></span>a fameuse remise des diplômes. Certains la craignent , d'autres attendent de savoir, certains sont excités à l'idée de recevoir le fruit de leur effort..il y en a même qui n'y mettent pas les pieds, mais ce jour marque tous les esprit qu'on le veuille ou non ! C'est le jour à marquer d'une pierre blanche car il signifie la liberté pour la plupart et le début d'une nouvelle vie ! Nos jeunes universitaires sont à présent lancé dans ce que nous appelons la vie active ou la jungle de la vie..au choix ! Ils devront alors décider qui ils veulent être, ce qu'il feront de leur avenir ou si ils attendront que à se passe les pieds en éventail ! Mais attendez que sont devenus ces anciens universitaires ? Paris, Milan , Los Angeles, New York, Londres ou encore New Haven , toutes des destinations différentes. Sont ils restés sur place ou ont ils découvert d'autres univers ? Hier universitaires demain jeunes actifs ! Mais laissons les parler !

</blockquote></div>

Arya<br></td>
</tr>
</tbody></table></h1>
</div></div>
<div class="contenu_onglet" id="contenu_onglet_qui">
<h1><font size="3">LA FOLLE EQUIPE</font><br><br>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=1" target="_blank"><img src="http://img695.imageshack.us/img695/2137/staffanna.png" class="pix"></a>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=8" target="_blank"><img src="http://img690.imageshack.us/img690/7204/natee.png" class="pix"></a>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=9" target="_blank"><img src="http://img695.imageshack.us/img695/9522/staffkate.png" class="pix"></a>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=7" target="_blank"><img src="http://i67.servimg.com/u/f67/15/07/43/32/gfdgr10.png" class="pix"> </a>

<a href="http://www.wayr2.com/msg.forum?mode=post&u=18" target="_blank"><img src="http://img156.imageshack.us/img156/2338/chaceico.png" class="pix"> </a>
<a href="http://www.wayr2.com/msg.forum?mode=post&u=17" target="_blank"><img src="http://i67.servimg.com/u/f67/15/07/43/32/sans_t10.png" class="pix"></a><br><br> Contexte Arya & Pv { Barquette & Arya } & Pa {Arya}<br>Toute copie même partielle est formellement INTERDITE.<br><a href="http://paparazzi-agency.forumactif.com" target="_blank"><img src="http://img689.imageshack.us/img689/551/bouton6.png" title="Paparazzi Agency, votre nouvelle référence pour vos forums RPG" alt="Paparazzi Agency, votre nouvelle référence pour vos forums RPG"></a><br><a href="http://best-rpg.forumpro.fr/" target="_blank"><img src="http://i40.tinypic.com/wgw945.jpg" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs"></a><br><a href="http://www.copyscape.com/"><img src="http://banners.copyscape.com/images/cs-wh-3d-234x16.gif" alt="Page copy protected against web site content infringement by Copyscape" title="Do not copy content from the page. Plagiarism will be detected by Copyscape." width="234" border="0" height="16"></a></h1>

</div></div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1><table width="500px" border="0" cellpadding="3" cellspacing="3">
<tbody><tr>
<td>NOS CHOUCHOUS<br><br><a href="http://ambrosia.forums-actifs.com/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://blondiesweety.e-monsite.com/"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://sympathyforthedevil.forumactif.com/"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://la-in-live.forumactif.org/"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://aryasworlcreations.forumperso.com/index.htm?sid=37d33fddf798629557617bcc528b53aa"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://apocalypto.superforum.fr/"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://lig-v2.1fr1.net/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br><a href="http://cracbadaboum.keuf.net/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://vampires-kingdom.forumactif.com/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://blackout.forumpro.fr/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://time-turner.forumactif.org/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://la-citta-maledetta.forumactif.org/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://roosevelt-university.forumactif.org/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://newytown.forumactif.com/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br><a href="http://peace-of-mind.1fr1.net/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://fells-church.forum-actif.net/"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://ensemblensvaincrons.forumactif.org/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://blackout.forumotion.com/"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a> <a href="http://sss-v-2.1fr1.net/forum.htm"><img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br><a href="http://www.wayr2.com/nos-amis-f19/demandes-de-partenariats-t13.htm">Vous </a>| <a href="http://www.wayr2.com/partie-invite-f21/%3EPartie%20Invit%C3%A9%3C/a%3E%20%3Ca%20class=">Plus<br></a><</td>
<td><font size="4"> <a href="http://www.root-top.com/topsite/obsession27/in.php?ID=12815">1</a> <a href="http://www.root-top.com/topsite/candymiam/in.php?ID=5029">2</a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=5800">3</a> <a href="http://www.root-top.com/topsite/coop/in.php?ID=2327">4</a> <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=4720">5</a> 6 <br><a href="http://www.root-top.com/topsite/abbyp/in.php?ID=1"><img src="http://i38.tinypic.com/16kwc2v.jpg%20border=" 0=""></a></font></td>
</tr></h1>

</div>
</div>
</div>
<script type="text/javascript">
//
</script>
</body>
</html>

Bonsoir;

Alors c'était juste une histoire de table mal fermée Wink

.

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//
</script>
<style type="text/css">
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#8BAB90;
border-bottom:1px solid black;
}
.onglet_1
{
background:#8BAB90;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#8BAB90;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>

<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">INFOS & CONTEXTE</span>
<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">STAFF & CRÉDITS</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">PARTENAIRES ET TOP SITES</span>
</div>

<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi"><h1><br><br>
         <div style="margin:auto;text-align:center;width:100%">
         <a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/reglement-du-forum-t1.htm">REGLEMENT</a> |
         <a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/le-staff-t4.htm">STAFF </a>|
         <a href="http://wayr2.forumactif.com/contexte-et-annexes-f4/contexte-du-forum-t21.htm">CONTEXTE</a> |
         <a href="http://who-are-you-really.forumactif.com/personnages-de-l-histoire-f5/"></a>
         <a href="http://wayr2.forumactif.com/personnages-de-l-histoire-f7/">PREDEFINIS</a> |
         <a href="http://wayr2.forumactif.com/scenarios-des-membres-f11/"> SCENARIOS DES MEMBRES </a><br>
         <a href="http://wayr2.forumactif.com/personnages-de-l-histoire-f7/celebrites-prises-t19.htm">CELEBRITES PRISES</a> |
         <a href="http://wayr2.forumactif.com/contexte-et-annexes-f4/nos-videos-t23.htm">NOS VIDÉOS</a> |
         <a href="http://wayr2.forumactif.com/les-fiches-de-nos-partenaires-vip-f20/">PARTENAIRES VIP </a>|
         <a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/credits-t94.htm#321">CREDITS</a><br><br>

<table width="700px" border="0" cellpadding="3" cellspacing="4">
<tr>
   <td>Ouverture WAYR I 29.09.2009<br>
   WAYR II<br>
   23.04.2010<br>
   20 lignes mini<br>
   <span style="color: DarkRed;">Interdit aux - de 18 Ans</span> <br>
   Poster sa fiche sous 1 semaine. <br>
   Faire sa fiche sous 10 jours.<br>
   Design 1 by Blondie <br>
   </td>

   <td>
   <div style="margin:auto;text-align:center;width:100%">
   «<span style="font-size: 24px; line-height: normal"><font face="Georgia">Futur nous voilà !</font> </span>»

   <br><br>

   <blockquote><div align="justify">
   <span style="font-size: 18px; line-height: normal">
   <font face="Georgia"><strong>L</strong></font></span>a fameuse remise des diplômes. Certains la craignent , d'autres attendent de savoir, certains sont excités à l'idée de recevoir le fruit de leur effort..il y en a même qui n'y mettent pas les pieds, mais ce jour marque tous les esprit qu'on le veuille ou non ! C'est le jour à marquer d'une pierre blanche car il signifie la liberté pour la plupart et le début d'une nouvelle vie ! Nos jeunes universitaires sont à présent lancé dans ce que nous appelons la vie active ou la jungle de la vie..au choix ! Ils devront alors décider qui ils veulent être, ce qu'il feront de leur avenir ou si ils attendront que à se passe les pieds en éventail ! Mais attendez que sont devenus ces anciens universitaires ? Paris, Milan , Los Angeles, New York, Londres ou encore New Haven , toutes des destinations différentes. Sont ils restés sur place ou ont ils découvert d'autres univers ? Hier universitaires demain jeunes actifs ! Mais laissons les parler !
   </blockquote></div>

   Arya<br>
   </td>
</tr>
</table></h1>
</div></div>

   <div class="contenu_onglet" id="contenu_onglet_qui">
<h1><font size="3">LA FOLLE EQUIPE</font><br><br>
   <a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=1" target="_blank">
   <img src="http://img695.imageshack.us/img695/2137/staffanna.png" class="pix"></a>
   <a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=8" target="_blank">
   <img src="http://img690.imageshack.us/img690/7204/natee.png" class="pix"></a>
   <a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=9" target="_blank">
   <img src="http://img695.imageshack.us/img695/9522/staffkate.png" class="pix"></a>
   <a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=7" target="_blank">
   <img src="http://i67.servimg.com/u/f67/15/07/43/32/gfdgr10.png" class="pix"> </a>

   <a href="http://www.wayr2.com/msg.forum?mode=post&u=18" target="_blank">
   <img src="http://img156.imageshack.us/img156/2338/chaceico.png" class="pix"></a>
   <a href="http://www.wayr2.com/msg.forum?mode=post&u=17" target="_blank">
   <img src="http://i67.servimg.com/u/f67/15/07/43/32/sans_t10.png" class="pix"></a>
   <br><br> Contexte Arya & Pv { Barquette & Arya } & Pa {Arya}<br>
   Toute copie même partielle est formellement INTERDITE.<br>
   <a href="http://paparazzi-agency.forumactif.com" target="_blank">
   <img src="http://img689.imageshack.us/img689/551/bouton6.png" title="Paparazzi Agency, votre nouvelle référence pour vos forums RPG" alt="Paparazzi Agency, votre nouvelle référence pour vos forums RPG"></a><br>
   <a href="http://best-rpg.forumpro.fr/" target="_blank">
   <img src="http://i40.tinypic.com/wgw945.jpg" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs"></a><br>
   <a href="http://www.copyscape.com/">
   <img src="http://banners.copyscape.com/images/cs-wh-3d-234x16.gif" alt="Page copy protected against web site content infringement by Copyscape" title="Do not copy content from the page. Plagiarism will be detected by Copyscape." width="234" border="0" height="16"></a></h1>

</div></div>

<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1>

<table width="500px" border="0" cellpadding="3" cellspacing="3">
<tr>
   <td>NOS CHOUCHOUS<br><br>
   <a href="http://ambrosia.forums-actifs.com/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://blondiesweety.e-monsite.com/">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://sympathyforthedevil.forumactif.com/">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://la-in-live.forumactif.org/">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://aryasworlcreations.forumperso.com/">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://apocalypto.superforum.fr/">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://lig-v2.1fr1.net/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br>
   <a href="http://cracbadaboum.keuf.net/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://vampires-kingdom.forumactif.com/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://blackout.forumpro.fr/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://time-turner.forumactif.org/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://la-citta-maledetta.forumactif.org/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://roosevelt-university.forumactif.org/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://newytown.forumactif.com/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br>
   <a href="http://peace-of-mind.1fr1.net/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://fells-church.forum-actif.net/">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://ensemblensvaincrons.forumactif.org/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://blackout.forumotion.com/">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
   <a href="http://sss-v-2.1fr1.net/forum.htm">
   <img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br>

   <a href="http://www.wayr2.com/nos-amis-f19/demandes-de-partenariats-t13.htm">Vous </a>|
   <a href="http://www.wayr2.com/partie-invite-f21/">Plus<br></a>
   </td>

   <td>
   <font size="4"><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=12815">1</a>
   <a href="http://www.root-top.com/topsite/candymiam/in.php?ID=5029">2</a>
   <a href="http://www.root-top.com/topsite/lilie/in.php?ID=5800">3</a>
   <a href="http://www.root-top.com/topsite/coop/in.php?ID=2327">4</a>
   <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=4720">5</a> 6 <br>
   <a href="http://www.root-top.com/topsite/abbyp/in.php?ID=1"><img src="http://i38.tinypic.com/16kwc2v.jpg"></a>
   </font>
   </td>
</tr></h1>
</table>
</div></div>
</div>

<script type="text/javascript">
//
</script>
</body>
</html>

La </table> à la fin n'était pas visible sur le code que tu as donné dans ton message Wink

. Je pense que là, ça devrait mieux marcher et que ton forum devrait être visible =)

Super merci ça marche ^^
Pour modifier les onglets je dois changer où ?

C'est à dire ?

Nan en fait j'ai trouvé xD

Merci ^^

Euh, de rien Laughing

Je peux classer donc ?

Ouep merci ^^

J'ignore si jpeux rouvrir...mais je vois qu'avec le même tuto certains n'ont plus à "cliquer" sur les onglets, mais passent juste dessus. Pourrais je savoir comment m'y prendre ? Voici le code :

Problème de Page accueil

Problème de Page accueil

Sujets similaires

Sujets similaires

Partenaires Or