Probléme avec onglets

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

Résolu Probléme avec onglets

Message par Jiben le 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.

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 Smile
Cordialement Jiben

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probléme avec onglets

Message par Jiben le Mar 9 Nov 2010 - 21:58

a fermé svp

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben 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