Accueil
Créer un forumProbléme avec onglets
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Probléme avec onglets
par Jiben Mar 9 Nov 2010 - 18:26
Bonjour,
je suis entrain de faire un tableau d'accueil en forme d'onglets.
Mais 3 onglets ne fonctionne pas, ce sont les 3 derniers.
Et voici une capture d'écran :
Merci d'avance de votre aide
Cordialement Jiben
je suis entrain de faire un tableau d'accueil en forme d'onglets.
Mais 3 onglets ne fonctionne pas, ce sont les 3 derniers.
- 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" xml:lang="fr" >
<head>
<style type="text/css"><!--
body
{
width: 980px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("http://hitskin.com/themes/14/76/15/i_background.png");
}
#en_tete
{
width: 950px;
height: 200px;
background-image: url("http://i63.servimg.com/u/f63/13/83/20/15/87777410.png");
background-position:center ;
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float:left;
width: 300px;
margin-left:0px;
margin-bottom: 20px;
padding:3px;
background: transparent;
filter:alpha(opacity=70);
opacity:0.70;
background-color: #1d3c40;
background-repeat: repeat-x;
border: 2px inset White;
color: white;
text-align: center;
font-family:Arial, "Times New Roman", Times, serif;
}
.element_menu
{background-image: url("http://s2.noelshack.com/uploads/images/3150921196368_logo_ally_lg_v2.png");
}
.element_coprs h3
{
color: #B3B3B3;
font-family: Arial, "Times New Roman", Times, serif;
text-align: center;
}
.element_menu a
{
color: #B3B3B3;
}
.element_menu a:hover
{
background-color: #B3B3B3;
color: white;
}
#corps
{
margin-left: 330px;
margin-bottom: 20px;
margin-top: 22px;
padding:3px;
background: transparent;
filter:alpha(opacity=70);
opacity:0.70;
background-color: #1d3c40;
background-repeat: repeat-x;
border: 2px outset White;
color: white;
text-align: center;
font-family:"PR Celtic Narrow,Georgia,TrebuchetMS,Arial";
}
#corps h1
{
color: white;
text-align: center;
font-family: Arial, "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
background: transparent;
filter:alpha(opacity=70);
opacity:0.70;
background-color: #1d3c40;
padding-left: 30px;
color: #white;
text-align: left;
}
#pied_de_page
{
padding: 5px;
clear: both;
text-align: center;
color: #white;
background: transparent;
filter:alpha(opacity=70);
opacity:0.70;
background-color: #1d3c40;
border: 1px dotted White;
color: white;
text-align: center;
font-family:Arial, "Times New Roman", Times, serif;
}
--></style>
<title>Bienvenue sur le Forum des Gendres !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="en_tete">
</div>
<div id="corps">
<head>
<script type="text/javascript">
//<!--
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>
<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:#bbbbbb;
border-bottom:1px solid black;
}
.onglet_1
{
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#dddddd;
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" onmouseover="javascript:change_onglet('quoi');">Accueil</span>
<span class="onglet_0 onglet" id="onglet_qui" onmouseover="javascript:change_onglet('qui');">Pacte/span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onmouseover="javascript:change_onglet('pourquoi');">Stastistiques</span>
<span class="onglet_0 onglet" id="onglet_guerre" onmouseover="javascript:change_onglet('guerre');">Guerre</span>
<span class="onglet_0 onglet" id="onglet_copyright" onmouseover="javascript:change_onglet('copyright');">Copyright</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi">
<div style="font-size: 12px; line-height: normal"><p><strong>Bienvenue,</p>
<p><font color="black">Pacte Total avec la DSD</font></p>
<p>Nous recrutons des membres !</p>
<p>On vous invite sur notre nouveau forum =D</p>
<p>Cordialement le staff du forum</p></div></div>
</div>
<div class="contenu_onglet" id="contenu_onglet_qui">
<h1>Pacte total :</h1>
Pacte total avec l'alliance Dissedents [DSD].
<a href="http://dissidents.jtkc.org/">Leur Forum</a>
</div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1> Classement Points</h1>
Général N°16 (=) 4 095 673 points (+)
Bâtiments N°16 (=) 3 105 718 points (+)
Recherches N°15 (=) 356 981 points (=)
Flottes N°19 (=) 99 685 points (-)
Défenses N°19 (=) 533 289 points (+)
<h1> Classement Point Par Membre (PPM) </h1>
Général N°24 (=) 372 334 points (+)
Bâtiments N°19 (=) 282 338 points (+)
Recherches N°22 (=) 32 453 points (=)
Flottes N°29 (=) 9 062 points (-)
Défenses N°31 (=) 48 481 points (+)
</div>
<div class="contenu_onglet" id="contenu_onglet_guerre">
[img]http://i63.servimg.com/u/f63/13/83/20/15/nosgue10.png[/img]
Nous avons fait une guerre.
<font color="#cc0000">Nous n'en voulons pas pour le moment, merci.</font>
<font color="=#119900">Victoire de la LG Contre la BSR !</font>
<font color="=yellow">Pertes de la BSR : 20 323 244 800</font>
<font color="=orange">Pertes de la LG : 9 066 593 075 </font>
<a href="http://forum.e-univers.org/index.php?showtopic=28238">Topic de la discution</a>
<a href="http://forum.e-univers.org/index.php?showtopic=28240">Topic des Rc's</a>
</div>
<div class="contenu_onglet" id="contenu_onglet_copyright">
<span style="font-size: 11px; line-height: normal"><strong>Fondateur :</strong> <font color="red">Jiben</font>
<br><strong>Forum optimiser pour Mozilla Firefox.</strong><img src="http://sd-1.archive-host.com/membres/images/142586199450897653/LFD/logo-firefox.png" border="0" alt="" />
<br>Nous vous deconseillons les autres navigateurs car ils ne peuvent afficher le forum correctement.<br>-----------------------
<br><font color="red"><strong>
Copyright</font></strong> "Les Gendres", tous droits reserves.
<br>Toute reproduction est strictement interdite.
<br><A HREF="http://www.copyscape.com/plagiarism-detection/"><IMG SRC="http://banners.copyscape.com/images/cs-gr-234x16.gif" ALT="Protected by Copyscape Web Plagiarism Detection" TITLE="Protected by Copyscape Plagiarism Checker - Do not copy content from this page." WIDTH="234" HEIGHT="16" BORDER="0"></A></spam>
</div>
</div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'quoi';
change_onglet(anc_onglet);
//-->
</script>
</div>
</body>
</html>
<p style="text-align: center;">
<br></p>
</p><div style="text-align: right;"><font style="color: White;" size="1">Site heberge par <a href="http://www.forumactif.com" target="_blank">forumactif.com</a></font></div></BODY>
<a href=" http://lesgendresbeta5.forumactif.org/Chargement-h5.htm">
Et voici une capture d'écran :
Merci d'avance de votre aide
Cordialement Jiben
Jiben- *****
-
Messages : 968
Inscrit(e) le : 30/01/2010 -
Jiben- *****
-
Messages : 968
Inscrit(e) le : 30/01/2010 -
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum