Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 :
Probléme avec onglets Onglet10

Merci d'avance de votre aide Smile
Cordialement Jiben
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

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