Soucis D'onglets Bouton_activeSoucis D'onglets Bouton_hoverSoucis D'onglets Fb-hoverSoucis D'onglets Fb-active
AccueilForumÉquipe 
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
Soucis D'onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis D'onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Soucis D'onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Soucis D'onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

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

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis D'onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis D'onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis D'onglets EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Soucis D'onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Soucis D'onglets Empty
Bonjour à tous ^^

Je vous écrit parce que j'ai un petit problème avec les onglets. En fait, le problème c'est que quand je passe la souris sur l'un des onglets, celui-ci se place en dessous du premier onglet (l'onglet d'accueil) et pour remettre tout en ordre il faut passer la souris 2 fois sur l'onglet d'accueil pour que tout revienne dans l'ordre et ça ne me plait pas du tout. De plus, mon dernier onglet ne s'affiche plus depuis quelques temps... Voici mon code:

Spoiler:

Merci à celui qui m'aidera =D
MessageSujet: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 14:31
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



Soucis D'onglets Empty
Bonjouuur~
Serait-il possible d'avoir ton CSS, afin de pouvoir voir sur mon forum test ce qui ne va pas et tester une solution =D?
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 14:42
Revenir en haut Aller en bas
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Soucis D'onglets Empty
Je crois que c'est ça...

Spoiler:
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:01
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



Soucis D'onglets Empty
Ouep c'est ça~
Bon moi chez moi le contenu de tes onglets ne marche juste pas... jvais essayer de trouver le problème =D
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:05
Revenir en haut Aller en bas
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Soucis D'onglets Empty
Chez moi les liens sur les images ne marchents pas xD :s

Merci ^^
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:07
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



Soucis D'onglets Empty
Haaa il manquait le début du script, ç'pour ça que le contenu marchait pas xD je l'ai prit de mon autre forum test, là les 3 premiers onglets marchent bien.
Pourquoi il marche paaas è_é
*frustrée XD*

Sinon le reste marche bien, y'avait une balise /div de trop et ça bloquait tout le système.

Sinon je ne comprends pas les liens sur les images qui ne marchent pas x)
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:14
Revenir en haut Aller en bas
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Soucis D'onglets Empty
Moi non plus :s mais normalement j'ai 4 onglets xD mais est-ce que quand tu passe sur un lien l'onglet se met en dessous parce que ça fait ça chez moi :s
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:24
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



Soucis D'onglets Empty
Ça le faisait mais plus maintenant, j'ai réglé ce problème, y'a juste l'autre là qui me gonfle x) il marche paaaas è_é

J'ai essayé pourtant d'enlever le contenu et de mettre que blablabla, de changer l'appellation (au lieu de mettre nom_de_longlet j,ai mit test à tous les endroits nécessaires), de copier coller le début d'un onglet qui marche tout ça u_u"

Là jcopie colle un onglet entier u_u" enfin j'ai changé le nom xD mais bon j'essaie.

Je t'en redonne des nouvelles xD

En attendant tu peux me passer ton CSS entier, parce que les infobulles tout ça je les vois pas du tout et ça fait bizarre x)
S'il te plait ♥
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:29
Revenir en haut Aller en bas
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Soucis D'onglets Empty
Je te mpotte <3
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:40
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



Soucis D'onglets Empty
Baon, le 4eme veut toujours pas être gentil avec moi.
Je l'ai supprimé en attendant, et les 3 onglets marchent très bien tous seuls,donc le problème vient de l'onglet en question.

Je vais le recréer pour le faire marcher~

http://iko-test.forumactif.com/forum.htm
La preuve que les 3 premiers marchent x)
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 15:59
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



Soucis D'onglets Empty
*double post D8*
FINI \O/
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">
        //<!--
                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>
</head>
<body>
      <div style="margin:auto;text-align:center;width:100%">
         <a href="http://skyhigh.forum-actif.net/regles-et-univers-f22/" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/790938PA1.png" border="0" alt="" /></a>
         <a href="http://skyhigh.forum-actif.net/predefinis-f18/" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/257737PA2.png" border="0" alt="" /></a>           <a href="http://skyhigh.forum-actif.net/presentations-f20/" class="postlink" target="_blank"><img src="http://img10.hostingpics.net/pics/125846PA3.png" border="0" alt="" /></a>
      </div>
      <div style="margin:auto;text-align:center;width:100%"></div>
      
        <div class="systeme_onglets" width="50%">
        <div class="onglets">
         <span class="onglet_0 onglet" id="onglet_new" onmouseover="javascript:change_onglet('new');"><img src="http://i31.servimg.com/u/f31/14/21/92/08/onglet10.png"></span>
            <span class="onglet_0 onglet" id="onglet_rp" onmouseover="javascript:change_onglet('rp');"><img src="http://i31.servimg.com/u/f31/14/21/92/08/onglet11.png"></span>
            <span class="onglet_0 onglet" id="onglet_partenaires" onmouseover="javascript:change_onglet('partenaires');"><img src="http://i31.servimg.com/u/f31/14/21/92/08/onglet12.png"></span>
         <span class="onglet_0 onglet" id="onglet_amis" onmouseover="javascript:change_onglet('amis');"><img src="http://i31.servimg.com/u/f31/14/21/92/08/onglet13.png"></span>
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_new">
            <center>
            <IMG NAME="accueil0" SRC="http://i31.servimg.com/u/f31/14/21/92/08/messag10.jpg" WIDTH="830px" HEIGHT="440px" BORDER="0" USEMAP="#accueil">
            <MAP NAME="accueil">
               <AREA SHAPE="rect" COORDS="676,305,754,333" HREF="http://skyhigh.forum-actif.net/contexte-et-univers-du-forum-f66/" ALT="texte bref décrivant le lien">
            </MAP></center>
            </div>
         
         
         
            <div class="contenu_onglet" id="contenu_onglet_rp">
            <IMG NAME="accueil0" SRC="http://img7.hostingpics.net/pics/983703STAFF.png" WIDTH="830px" HEIGHT="440px" BORDER="0" USEMAP="#accueil">
            <MAP NAME="accueil">
               <AREA SHAPE="rect" COORDS="314,393,486,419" HREF="http://skyhigh.forum-actif.net/questions-invites-et-membres-f67/" ALT="texte bref décrivant le lien">
               <AREA SHAPE="rect" COORDS="85,66,233,303" HREF="http://skyhigh.forum-actif.net/profile.forum?mode=viewprofile&u=4" ALT="texte bref décrivant le lien">
               <AREA SHAPE="rect" COORDS="351,66,493,312" HREF="http://skyhigh.forum-actif.net/profile.forum?mode=viewprofile&u=1" ALT="texte bref décrivant le lien">
               <AREA SHAPE="rect" COORDS="594,77,744,300" HREF="http://skyhigh.forum-actif.net/profile.forum?mode=viewprofile&u=6" ALT="texte bref décrivant le lien">
            </MAP>
            </div>
         
         
         
            <div class="contenu_onglet" id="contenu_onglet_partenaires">
            <div style="margin:auto;text-align:center;width:100%">
            <div class="gradualfader">
               <a class="imginfo">
                  <img src="http://i31.servimg.com/u/f31/14/21/92/08/pv111.png" border="0" alt="" />
                  <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody> <tr>
                  <td style="text-align: center;"> <font size="1"> <a href="http://skyhigh.forum-actif.net/neutres-f21/devilish-people-4-4-t47.htm" class="postlink" target="_blank"> <font color="black">chapelle.everleigh.blackbird~
evils</font></a></font><br/></td>
                  </tr><tr>
                  <td style="text-align: center;"><a class="imginfo"></a></td>
                  </tr><tr>
                  <td style="text-align: center;"><font size="1"><br/></font></td>
                  </tr><tr align="center"/></tbody></table></span>
               </a>
               <a class="imginfo">
                  <img src="http://i31.servimg.com/u/f31/14/21/92/08/pv210.png" border="0" alt="" />
                  <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr>
                  <td style="text-align: center;"><font size="1"><a href="http://skyhigh.forum-actif.net/parvenus-f16/parvenus-8-8-t28.htm#100" class="postlink" target="_blank"><font color="black">isis.~
chef parvenus</font></a></font><br/></td>
                  </tr><tr>
                  <td style="text-align: center;"><a class="imginfo"></a></td>
                  </tr><tr>
                  <td style="text-align: center;"><font size="1"> <br/></font></td>
                  </tr><tr align="center"/></tbody></table></span>
               </a>
               <a class="imginfo">
                  <img src="http://i31.servimg.com/u/f31/14/21/92/08/pv310.png" border="0" alt="" />
                  <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr>
                  <td style="text-align: center;"><font size="1"><a href="http://skyhigh.forum-actif.net/neutres-f21/devilish-people-4-4-t47.htm" class="postlink" target="_blank"><font color="black">basil.gordon~
evils</font></a></font><br/></td>
                  </tr><tr>
                  <td style="text-align: center;"><a class="imginfo"></a></td>
                  </tr><tr>
                  <td style="text-align: center;"><font size="1"> <br/></font></td>
                  </tr><tr align="center"/></tbody></table></span>
               </a>
               <a class="imginfo">
                  <img src="http://i37.servimg.com/u/f37/12/37/59/38/pv410.png" border="0" alt="" />
                  <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr>
                  <td style="text-align: center;"><font size="1"><a href="http://skyhigh.forum-actif.net/neutres-f21/heroes-tous-libre-t53.htm#274" class="postlink" target="_blank"><font color="black">damon.walker~
hero</font></a></font><br/></td>
                  </tr><tr>
                  <td style="text-align: center;"><a class="imginfo"></a></td>
                  </tr><tr>
                  <td style="text-align: center;"><font size="1"> <br/></font></td>
                  </tr><tr align="center"/></tbody></table></span>
               </a>
               <a class="imginfo">
                  <img src="http://i37.servimg.com/u/f37/12/37/59/38/pv510.png" border="0" alt="" />
                  <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr>
                  <td style="text-align: center;"><font size="1"><a href="http://skyhigh.forum-actif.net/neutres-f21/neutre-7-7-t31.htm" class="postlink" target="_blank"><font color="black">dawn.summers~
neutre</font></a></font><br/></td>
                  </tr><tr>
                  <td style="text-align: center;"><a class="imginfo"></a></td>
                  </tr><tr>
                  <td style="text-align: center;"><font size="1"> <br/></font></td>
                  </tr><tr align="center"/></tbody></table></span>
               </a>
               <a class="imginfo">
                  <img src="http://i37.servimg.com/u/f37/12/37/59/38/pv610.png" border="0" alt="" />
                  <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr>
                  <td style="text-align: center;"><font size="1"><a href="http://skyhigh.forum-actif.net/neutres-f21/heroes-tous-libre-t53.htm#274" class="postlink" target="_blank"><font color="black">will.stronghold~
hero</font></a></font><br/></td>
                  </tr><tr>
                  <td style="text-align: center;"><a class="imginfo"></a></td>
                  </tr><tr>
                  <td style="text-align: center;"><font size="1"> <br/></font></td>
                  </tr><tr align="center"/></tbody></table></span>
               </a>
            </div>
            </div>
            </div>
         
         
         
            <div class="contenu_onglet" id="contenu_onglet_amis">
         <br><br>
            <div style="background:  #EAEAEA; text-align: justify; -moz-border-radius-topleft: 11px; -moz-border-radius-topright: 11px; -moz-border-radius-bottomright: 11px; -moz-border-radius-bottomleft: 11px; line-height: 16px;">
               <ul><font face="nyala"><font color="#6B6B6B"><font face="nyala">
               <div style="margin:auto;text-align:center;width:100%">
                  <span style="font-size: 18px; line-height: normal">Pour nous lier::Voici nos boutons.
                  </span>
               </div>
               </font>
               <span style="font-family:Georgia;font-size:20px;letter-spacing:2px;text-shadow: #AC9576 1px 1px 1px;color:#6B6B6B;font-variant:small-caps;">Important
               </span>
               <div style="border-bottom: 1px grey dotted;"></div>
               <ul>
                  <ul><table style="width:300px;"><tr>
                  <td style="width:130px;font-size:18px;color:#5977C2;"><img src="http://i67.servimg.com/u/f67/12/37/59/38/sky_hi10.gif" border="0" alt="" /></td>
                  <td><div style="color:#6B6B6B;font-size:13px;line-height:12px;width:300px;text-align:justify;letter-spacing:0.5px;border-left:2px solid #5F5F5F;padding-left:5px;"><font face="palatino linotype">
| | Les invités sont acceptés comme partenaire
| | Il est impératif pour un partenaire d'avoir notre boutons sur son forum.
| | Pour être top-partenaire veuillez le signaler dans le forumulaire.
</font></div>
                  </td>
                  </tr></table></ul>
                  <span style="font-family:Georgia;font-size:20px;letter-spacing:2px;text-shadow: #AC9576 1px 1px 1px;color:#6B6B6B;font-variant:small-caps;">Les Boutons
                  </span>
                  <div style="border-bottom: 1px grey dotted;"></div>
                  <div style="margin:auto;text-align:center;width:100%">
                     <a href="http://skyhigh.forum-actif.net/portal.htm?sid=a67ea4214f3080e62956f0c288e6efe6" class="postlink"><img src="http://img7.hostingpics.net/pics/73326BOUTON03.png" border="0" alt="" /></a>
                     <a href="http://skyhigh.forum-actif.net/portal.htm?sid=a67ea4214f3080e62956f0c288e6efe6" class="postlink"><img src="http://img7.hostingpics.net/pics/74612BOUTON04.png" border="0" alt="" /></a>
                     <a href="http://skyhigh.forum-actif.net/portal.htm?sid=a67ea4214f3080e62956f0c288e6efe6" class="postlink"><img src="http://img7.hostingpics.net/pics/806998BOUTON02.png" border="0" alt="" /></a>
                  </div>
                  <div style="margin:auto;text-align:center;width:100%">
                  <font color="black">
                  <span style="font-size: 15px; line-height: normal">
                     <a href="http://skyhigh.forum-actif.net/pub-partenariat-f61/proposition-de-partenariat-t43.htm#109?sid=a67ea4214f3080e62956f0c288e6efe6" class="postlink">[NOUS AJOUTER]</a>
                     <a href="http://skyhigh.forum-actif.net/pub-partenariat-f61/nos-partenaires-t42.htm?sid=a67ea4214f3080e62956f0c288e6efe6" class="postlink">[LES PARTENAIRES]</a>
                  </span>
                  </font>
                  </div>

               </ul>
               </font>
               </font>
               </ul>
            </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'new';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</html>
Tout est opérationnel **
J'ai un peu beaucoup remanié le code (enfin j'ai mit plein d'espaces), comme ça c'est un peu plus lisible x)

Et tu peux voir le résultat sur mon fo test x)

Et ehm je sais que c'est vert et je sais pas pourquoi oo j'ai touché à aucune couleur.
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 16:45
Revenir en haut Aller en bas
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Soucis D'onglets Empty
Le dernier onglet apparait bien mais il reste la "superposition" des onglets...

Quand je passe la souris sur l'onglet, celui-ci se met en dessous de la page d'accueil :s
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 16:54
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



Soucis D'onglets Empty
Pourtant moi tout fonctionne bien oo
*désolée du retard, je m'étais retiré au sous-sol et j'y retourne bientôt U_U*
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 17:40
Revenir en haut Aller en bas
http://www.skyhigh.forum-actif.net
Tsunam!s
Tsunam!s
{ Membre }
{ Membre }

Masculin Messages : 45



Soucis D'onglets Empty
Désolée du D.P

J'ai vu sur ton forum test et il n'y a pas la "superposition" qu'il y'a sur mon forum test donc je crois que ça quelque chose à avoir avec un script ou quelque chose comme ça...
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets EmptyLun 05 Juil 2010, 17:44
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis D'onglets Empty
MessageSujet: Re: Soucis D'onglets   Soucis D'onglets Empty
Revenir en haut Aller en bas
 

Soucis D'onglets

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

 Sujets similaires

-
» Un soucis
» Soucis
» Soucis
» Soucis étrange xd
» Petit soucis

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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