Tom's Guide > Forum > Programmation > Problème Menu Accordéon Javascript sous IE

Problème Menu Accordéon Javascript sous IE

Forum Programmation : Problème Menu Accordéon Javascript sous IE

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

Bonjour/Bonsoir,

J'ai installé un menu en accordéon et javascript (Simple Javascript Accordions : http://www.dezinerfolio.com/2007/0 [...] accordions ) et voilà mon problème :

Sous Mozilla et Google Chrome : fonctionne très bien !

Sous IE : Le menu s'affiche dans sa totalité, entièrement déployé, sans qu'on lui est demandé (vous pouvez voir sur mon forum et avec IE ici : http://habbotroc.com/forum )

Alors, je vous demande votre aide car je ne sais que faire !

Et voici le code de mon menu contenu dans mon header :

Code :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* {
margin:0;
padding:0;
list-style:none;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin:10px;
}
#basic-accordian{
border:5px solid #d4d4d4;
padding:5px;
width:560px;
position:absolute;
left:40%;
top:46.5%;
margin-left:-175px;
z-index:2;
margin-top:-100px;
}
.accordion_headings{
padding:5px;
background:#ff9900;
color:#FFFFFF;
border:1px solid #FFF;
cursor:pointer;
font-weight:bold;
}
.accordion_headings:hover{
background:#f66200;
}
.accordion_child{
padding:10px;
background:#f1f1f1;
}
.header_highlight{
background:#ffb648
}
.tab_container *{
float:left;
width:100px;
}
</style>
<script type="text/javascript" src="http://habbotroc.com/forum/accordian.pack.js"></script>
<body onload="new Accordian('basic-accordian',5,'header_highlight');">
<div id="basic-accordian" >
<div class="tab_container">
<div id="test1-header" class="accordion_headings" ><center>Habbo</center></div>
<div id="test2-header" class="accordion_headings header_highlight" ><center>HT'Info</center></div>
<div id="test3-header" class="accordion_headings" ><center>HabboTroc</center></div>
<div id="test4-header" class="accordion_headings" ><center>Forum</center></div>
<div id="test5-header" class="accordion_headings" ><center>Partenaires</center></div>
</div>
<div style="float:left;">
<div id="test1-content">
<div class="accordion_child">
<center><img src="/centrer.png"><em>Dans cette catégorie, vous pouvez trouver tous les liens pratiques de habbo ! ;)</em></font></font></marquee><br><br><h4>
<a href="http://habbo.fr" title="Habbo FR">Habbo</a> | <a href="http://www.habbo.fr/groups/SafetyTips"> Habbo - Sécurité</a> | <a href="http://www.habbo.fr/groups/HabboWay">Habbo - Attidue</a><img src="http://habbotroc.com/centrer.png"></center></h4>
</div>
</div>
<div id="test2-content">
<div class="accordion_child">
<img src="/centrer.png"><center><em>Vous trouverez ici toutes les news de Habbotroc - Forum.</em><br/><br></center>
<img src="http://habbotroc.com/forum/images/folder.png"> <b>[14/10/09] <span style="color: black">//</span></b> Après pas mal de temps de fermeture, le forum de HabboTroc ré-ouvre enfin mais avec encore quelques petits défauts qui seront corrigés au fil du temps ! <br>
</div>
</div>
<div id="test3-content">
<div class="accordion_child">
<img src="/centrer.png"><center><h4><a href="http://habbotroc.com/accueil_286.php">Accueil </a> | <a href="http://habbotroc.com/communaute_290.php">Communauté</a> | <a href="http://habbotroc.com/actualite_282.php">Actualité</a> | <a href="http://habbotroc.com/guide_du_troc_200.htm">Guide du Troc</a> | <a href="http://habbotroc.com/echange_266.php">Echange</a> | <a href="http://habbotroc.com/fun___extras_333.htm">Fun & Extras</a><br><a href="http://habbotroc.com/equipe_363.htm"><em>Equipe</em></a></h4></center>
</div>
</div>
<div id="test4-content">
<div class="accordion_child">
<img src="/centrer.png"><center><h4><a href="#">Forum</a> | <a href="search.php">Rechercher</a> | <a href="memberlist.php">Liste des membres</a> | <a href="Calendar-Default-Calendar">Calendrier</a> | <a href="/forum/misc.php?action=help">Aide</a> | <a href="portal.php">Portail</a> | <a href="http://habbotroc.com/forum/misc.php?action=rules">Règle</a><br/><a href="generateur.php">Générateur d'écriture</center></a></h4>
</div>
</div>
<div id="test5-content">
<div class="accordion_child">
<img src="/centrer.png"><noscript><a href="http://www..astwinds.com/">Texte défilant<br> d'Astwinds</A></noscript><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif">Devenez partenaire de HabboTroc - Forum (en cliquant <b><a href="http://habbotroc.com/forum/showthread.php?tid=10&action=lastpost">ici</b></a> ) pour avoir votre liens qui défile ici même ! ;)</font></font></marquee>
</div>
</div>
</div>
</div>

Merci d'avance de votre aide,
Cordialement,
Gaffe !

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Ce sujet a été déplacé de la catégorie Discussions Générales vers la catégorie Programmation par Loni

------------------------------ Log33kiel | Listing de logiciels gratuits ! | Log33kiel | Porno gratuit
Répondre à Loni

Désolé, je n'avais pas vu cette section !
Merci à vous !

Message édité par Gaffe31 le 21-10-2009 à 15:21:03

Répondre à Gaffe31

Personne peut m'aider ?

Répondre à Gaffe31

UP !!!!!!

Répondre à Gaffe31

Sans voir le script JS c'est un peu compliquer de t'aider...
Essaye avec un display: none; sur la class du menu à cacher...

------------------------------ Rémunère ton site
Hosting Favicon
Clic pas ici
Répondre à Allstar27

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > Problème Menu Accordéon Javascript sous IE

Aller à :

Aide |
Règles du forum

Il y a 2884 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,394 secondes

Liens