Probléme avec onglets Bouton_activeProbléme avec onglets Bouton_hoverProbléme avec onglets Fb-hoverProbléme avec onglets Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Probléme avec onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Probléme avec onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Probléme avec onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Probléme avec onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Probléme avec onglets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Probléme avec onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Probléme avec onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Probléme avec onglets EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Probléme avec onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Probléme avec onglets Empty
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
MessageSujet: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 13:27
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Probléme avec onglets Empty
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></span>
          </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
 

  </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">
Ça devrait aller mieux comme ça Probléme avec onglets 510527

Tu avais deux balises span de mal fermées. Je peux t'indiquer où si tu le souhaites.
J'ai également retiré une balise fermante div qui était en trop (pour être sûre de cela j'ai vérifié le tutoriel~)

Dit-moi si cela règle ton problème Probléme avec onglets 510527
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 15:41
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Probléme avec onglets Empty
Bonjour Iko Smile

Oui sa fonctionne =D

Un gros merci Smile
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 15:56
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Probléme avec onglets Empty
De rieeen Probléme avec onglets 510527

Tu veux savoir où étaient les balises mal fermées? x)
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 16:00
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Probléme avec onglets Empty
Oui je veux bien savoir Smile
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 16:55
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Probléme avec onglets Empty
Citation :
<!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("https://i.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("https://2img.net/image.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">
Probléme avec onglets Nosgue10

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="https://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="https://www.forumactif.com" target="_blank">forumactif.com</a></font></div></BODY>
<a href=" http://lesgendresbeta5.forumactif.org/Chargement-h5.htm">
En bleu c'est ce que j'ai retiré, et en rouge les balises qui étaient mal fermées. Des trucs cons au fond .__.
Mais bon ça arrive à tout le monde d'écrire spam au lieu de span ou d'oublier un < XD ♥
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 17:00
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Probléme avec onglets Empty
Ah Oui, vraiment des erreur idiote =/


Merci de m'avoir corrigée encore.
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 17:03
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Probléme avec onglets Empty
De rien ♥
Je classe ton sujet =D
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets EmptyMar 09 Nov 2010, 17:51
Revenir en haut Aller en bas
Contenu sponsorisé




Probléme avec onglets Empty
MessageSujet: Re: Probléme avec onglets   Probléme avec onglets Empty
Revenir en haut Aller en bas
 

Probléme avec onglets

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème avec les onglets de ma PA.
» Problème avec les onglets
» Problème avec mes onglets
» Problème avec mes onglets
» Problème avec l'iframe (signature) avec les codes couleurs. (non résolu)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit