Problème d'onglets sur Page d'accueil [Résolu] Bouton_activeProblème d'onglets sur Page d'accueil [Résolu] Bouton_hoverProblème d'onglets sur Page d'accueil [Résolu] Fb-hoverProblème d'onglets sur Page d'accueil [Résolu] 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
» Fiche de Présentation RPG
Problème d'onglets sur Page d'accueil [Résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème d'onglets sur Page d'accueil [Résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème d'onglets sur Page d'accueil [Résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème d'onglets sur Page d'accueil [Résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème d'onglets sur Page d'accueil [Résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème d'onglets sur Page d'accueil [Résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème d'onglets sur Page d'accueil [Résolu] EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Problème d'onglets sur Page d'accueil [Résolu] EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Pokémon EV06 : où acheter le Bundle Lot ...
Voir le deal

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

Problème d'onglets sur Page d'accueil [Résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://midnight-sun.forumactif.org
DisneyDream2
DisneyDream2
{ Membre }
{ Membre }

Féminin Messages : 40



Problème d'onglets sur Page d'accueil [Résolu] Empty
Bonjour ! Problème d'onglets sur Page d'accueil [Résolu] 2029989112 

Alors voilà on a un problème, on a réussi à insérer cinq onglets sur notre PA mais le sixième ne veut pas marcher et je ne comprend pas pourquoi, pourtant on a fait tout ce qu'il fallait mais il refuse d'afficher les gifs et les informations :/

Merci de votre aide Problème d'onglets sur Page d'accueil [Résolu] 577704309

Code:
<justify><div class=q3><div class="gensmall"><script type="text/javascript">
function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';
document.getElementById('onglet5').style.display='none';
document.getElementById('onglet6').style.display='none';}

function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';
document.getElementById('onglet5').style.display='none';
document.getElementById('onglet6').style.display='none';}


function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none';
document.getElementById('onglet5').style.display='none';
document.getElementById('onglet6').style.display='none';}



function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block';
document.getElementById('onglet5').style.display='none';
document.getElementById('onglet6').style.display='none';}


function patonglet5() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';
document.getElementById('onglet5').style.display='block';
document.getElementById('onglet6').style.display='none';}

function patonglet6() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';
document.getElementById('onglet5').style.display='none';
document.getElementById('onglet6').style.display='block';
}

</script>

<!-- BARRE D'ONGLETS -->
<center><table width="100%"><tbody><tr>
                  <td width="25%"><div class="onglet" onmouseover="javascript:patonglet1()"><center><img src="http://fotoforum.fr/photos/2013/10/06.190.jpg" height="30" width="30"  /><center></center></center></div></td>
                  <td width="25%"><div class="onglet" onmouseover="javascript:patonglet2()"><center><img src="http://fotoforum.fr/photos/2013/10/06.191.jpg" height="30" width="30"  /></center></div></td>

        <td width="25%"><div class="onglet" onmouseover="javascript:patonglet3()"><center><img src="http://fotoforum.fr/photos/2013/10/06.192.jpg" height="30" width="30"  /><center></center></center></div></td>
        <td width="25%"><div class="onglet" onmouseover="javascript:patonglet4()"><center><img src="http://fotoforum.fr/photos/2013/10/06.193.jpg" height="30" width="30"  /><center></center></center></div></td>

    <td width="25%"><div class="onglet" onmouseover="javascript:patonglet5()"><center><img src="http://fotoforum.fr/photos/2013/10/06.194.jpg" height="30" width="30"  /><center></center></center></div></td>
 <td width="25%"><div class="onglet" onmouseover="javascript:patonglet6()"><center><img src="http://fotoforum.fr/photos/2013/10/06.191.jpg" height="30" width="30"  /></center></div></td>

  
</tr></tbody></table></center>

<table width="100%">
              <tbody><tr width="100%">
                <td width="100%">
<!-- PREMIER MODULE -->
                    <div id="onglet1" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"> <img src="http://fotoforum.fr/photos/2013/10/07.32.gif" height="50" width="150"  /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Sky E. Petters</i></div> Aucun double compte</span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=9><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u9><strong> Mon profil</strong></a></div></div></span></div>
                
<!-- TROISIEME MODULE -->                
                    <div id="onglet2" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://fotoforum.fr/photos/2013/10/07.34.gif" height="55" width="150"  /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Adam E. Kingsley</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=6><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u6><strong> Mon profil</strong></a></div></div></span>
</div>

                    <div id="onglet3" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://media.tumblr.com/87a0bab9d57cdc2f9083a288a246f017/tumblr_inline_mm11fjHfrv1qz4rgp.gif" height="50" width="150"  /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Julia L. Bowen</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=8><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u8><strong> Mon profil</strong></a></div></div></span></div>

                    <div id="onglet4" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://25.media.tumblr.com/tumblr_lzrvytxqSN1rq3dtbo2_250.gif" height="55" width="150"  /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>A. Primvert O'Brien</i></div> Aucun double compte</span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=2><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u2><strong> Mon profil</strong></a></div></div></span></div>    
 
   <div id="onglet5" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://da.img.v4.skyrock.net/4874/84454874/pics/3175072663_1_12_Mzu8f0fd.gif" height="57" width="150"  /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Austin M. Bethell</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=12><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u12><strong> Mon profil</strong></a></div></span>
</div>

 <div id="onglet6" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3><div class="cadreinfopa"><img src="http://fotoforum.fr/photos/2013/10/07.34.gif" height="55" width="150"  /><br/><div style="font-family:'Merienda'; font-size: 15px;"><i>Adam E. Kingsley</i></div> aucun double compte </span><br><a href=http://didyouforget.forumgratuit.org/privmsg?mode=post&u=6><strong> Me contacter </strong></a> ✿ <a href=http://didyouforget.forumgratuit.org/u6><strong> Mon profil</strong></a></div></div></span>
</div>
              </div>                </td>            </tr>            </tbody></table>

</td></table>
Voilà le code en question :/


Dernière édition par DisneyDream2 le Mer 09 Oct 2013, 15:51, édité 1 fois
MessageSujet: Problème d'onglets sur Page d'accueil [Résolu]   Problème d'onglets sur Page d'accueil [Résolu] EmptyMer 09 Oct 2013, 09:08
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Problème d'onglets sur Page d'accueil [Résolu] Empty
Vérifie bien l'ouverture et la fermeture de tes balises Wink

En effet, la div#onglet5 se ferme en englobant la div#onglet6 actuellement.

Du coup, quand tu survoles pour l'onglet 6, le code JS dis --> tu affiches onglet6 en block, tu masques onglet5. Comme onglet6 est dans onglet5 bah... ça ne marchait pas ^^
MessageSujet: Re: Problème d'onglets sur Page d'accueil [Résolu]   Problème d'onglets sur Page d'accueil [Résolu] EmptyMer 09 Oct 2013, 12:59
Revenir en haut Aller en bas
http://midnight-sun.forumactif.org
DisneyDream2
DisneyDream2
{ Membre }
{ Membre }

Féminin Messages : 40



Problème d'onglets sur Page d'accueil [Résolu] Empty
Merci beaucoup de ta réponse, ça marche maintenant Very Happy
MessageSujet: Re: Problème d'onglets sur Page d'accueil [Résolu]   Problème d'onglets sur Page d'accueil [Résolu] EmptyMer 09 Oct 2013, 13:50
Revenir en haut Aller en bas
Contenu sponsorisé




Problème d'onglets sur Page d'accueil [Résolu] Empty
MessageSujet: Re: Problème d'onglets sur Page d'accueil [Résolu]   Problème d'onglets sur Page d'accueil [Résolu] Empty
Revenir en haut Aller en bas
 

Problème d'onglets sur Page d'accueil [Résolu]

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

 Sujets similaires

-
» [Résolu] Problème mise en page
» [RESOLU]Problème affiche fond de page
» Question page d'accueil -Problème résolu
» Problème de codage de la page d'accueil [RESOLU]
» Problème d'alignement dans une page d'acceuil (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-
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 | Forum gratuit | Informatique et Internet | Internet