Non déroulement de sous menu sous IE

**jlb59** · 04/01/2008, 09h52

Bonjour à tous,

J'ai mis un menu déroulant avec sous-menus sur mon site et l'ai testé avec EasyPHP sous FF, tout allait très bien.

Par contre, avec IE, j'ai bien le déroulement des menus mais pas moyen d'afficher les sous-menus !
C'est assez génant !

Y-a-t-il un moyen de remédier à ce prb ?

Merci de votre réponse.

**Bisûnûrs** · 04/01/2008, 09h56

Et sans code et/ou lien on fait comment pour trouver d'où vient ton problème ? On devine ?

**devin59** · 04/01/2008, 10h09

Tant qu on a pas de code on peut juste te dire de bien vérifier ta syntaxe pour le moment

html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 
<select name="nomListe">
<option value="valeur1">valeur1</option>
<option value="valeur2">valeur2</option>
<option value="valeur3">valeur3</option>
</select>

avec php ca pourrait donner

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
<select name="nomListe">
<?PHP
// connexion a ta BDD
$sql ="SELECT * FROM test";
$reponse = mysql_query($sql) or die ("ERREUR SQL ".$sql."<br />".mysql_error());
while ( $donnees = mysql_fetch_array($reponse))
{
?>
<option value="<?PHP echo $donnees['nomDUnChamp']; ?>"><?PHP echo $donnees['nomDUnChamp']; ?></option>
<?PHP
}
?>
</select>

**HiRoN** · 04/01/2008, 10h28

Il voulait juste la syntaxe d'une liste déroulante ?

**devin59** · 04/01/2008, 10h39

Je n en ai pas la moindre idée mais comme on a pas de code... On ne peut pas lui en dire plus pour le moment

**HiRoN** · 04/01/2008, 10h46

Je n en ai pas la moindre idée mais comme on a pas de code... On ne peut pas lui en dire plus pour le moment.

+ 1.
+ Description du sujet un peu flou...

**jlb59** · 04/01/2008, 11h31

Envoyé par Bisûnûrs

Et sans code et/ou lien on fait comment pour trouver d'où vient ton problème ? On devine ?

Je ne pensais pas qu'il fallait le mettre pour ce renseignement, désolé !
Dans le html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
    <div id="mainMenu1">
      <ul id="menuList1">
<!-- ////// ACCUEIL //////////-->
        <li><span class="blanc">|</span> <a href="../index.php?page=0&amp;id=Accueil" title="
">Accueil</a> <span class="blanc">|</span></li>
 
<!-- ////// COMMUNICATION //////////-->
        <li>
          <a class="actuator" href="#" onclick="return false">Communication</a> <span class="blanc">|</span>
          <ul class="menu">
			<li><a href="../contact/index.php" title="">Contact</a></li>
            <li><a href="../alex_guestbook4/index.php" title="">Livre d'or</a></li>
            <li><a href="../forum_phpbb/index.php" title="">Forum</a></li>
            <li><a href="../index.php?page=4&amp;id=FAQ" title="">FAQ</a></li>
          </ul>
        </li>
 
<!-- ////// SECURITE //////////-->
        <li>
          <a class="actuator" href="../securite/index.php?page=0&amp;id=Securite" title="">Sécurité</a> <span class="blanc">|</span>
          <ul class="menu">
            <li>
              <a class="actuator" href="#" onclick="return false">Firewall</a>
              <ul class="menu">
                <li><a href="../securite/index.php?page=30&amp;id=Firewall_1" title="F">Zone Alarm, Kerio, BitDefender, Comodo</a></li>
                <li><a href="../securite/index.php?page=31&amp;id=Firewall_2" title="">Tiny, MindSoft, BPS PC Internet</a></li>
                <li><a href="../securite/index.php?page=32&amp;id=Firewall_3" title="">Sygate, SecurePoint, Xelios, PC Tools Firewall Plus</a></li>
                <li><a href="../securite/index.php?page=33&amp;id=Firewall_4" title="">Ashampoo Firewall, TheGreen Personal Firewall, Jetico, Norton</a></li>
                <li><a href="../securite/index.php?page=34&amp;id=Firewall_5" title="">Look'n'Stop, Omniquad, Private Firewall</a></li>
              </ul>
            </li>
            <li>
              <a class="actuator" href="#" onclick="return false">Antivirus</a>
              <ul class="menu">
                <li><a href="../securite/index.php?page=20&amp;id=Antivirus_1" title="">Avira Antivir, Avast!, eSafe Desktop, BitDefender Antivirus 2008</a></li>
                <li><a href="../securite/index.php?page=21&amp;id=Antivirus_2" title="">CA, AVG Free antivirus, ClamWin</a></li>
                <li><a href="../securite/index.php?page=22&amp;id=Antivirus_3" title="">BitDefender10 Free Edition, F-Prot, Norman, PrevX</a></li>
                <li><a href="../securite/index.php?page=23&amp;id=Antivirus_4" title="">Multi Virus Cleaner, Vista Dual Scan, Anti-Virus Dr WEB</a></li>
              </ul>
            </li>
            <li>
              <a class="actuator" href="#" onclick="return false">Antispams</a>
              <ul class="menu">
                <li><a href="../securite/index.php?page=10&amp;id=Antispams_1" title="">BalPropre, Vade Retro, Mailwasher, Spamicillin</a></li>
                <li><a href="../securite/index.php?page=11&amp;id=Antispams_2" title="">Emjsoft Antispam, Mail TalkX, Antispam K9</a></li>
              </ul>
            </li>
            <li>
              <a class="actuator" href="#" onclick="return false">Spybot</a>
              <ul class="menu">
                <li><a href="../securite/index.php?page=50&amp;id=Anti-espions" title="">Spybot - Search et Destroy, Ad-Aware, Spyware Doctor, eTrust PestPatrol</a></li>
              </ul>
            </li>
            <li>
              <a class="actuator" href="#" onclick="return false">TuneUp 2007</a>
              <ul class="menu">
                <li><a href="../securite/index.php?page=60&amp;id=TuneUp" title="">TuneUp 2007</a></li>
              </ul>
            </li>
            <li>
              <a class="actuator" href="#" onclick="return false">Hoax</a>
              <ul class="menu">
                <li><a href="../securite/index.php?page=40&amp;id=Hoax" title="">Hoax</a></li>
              </ul>
            </li>
          </ul>
        </li>
 
 
<!-- ////// EXEMPLES DE TEST //////////-->
        <li>
          <a class="actuator" href="../tests/index.php?page=0&amp;id=Tests_Exemples" title="">Exemples de tests</a> <span class="blanc">|</span>
          <ul class="menu">
            <li><a href="../tests/index.php?page=1&amp;id=Test_Observation" title="">Test d'Observation</a></li>
            <li><a href="../tests/index.php?page=2&amp;id=Test_Logique" title="">Test de Logique</a></li>
            <li><a href="../tests/index.php?page=3&amp;id=Test_Numeration" title="">Test de Numération</a></li>
            <li><a href="../tests/index.php?page=4&amp;id=Test_Spatial" title="Exemple de test du spatial.">Test du Spatial</a></li>
            <li><a href="../tests/index.php?page=5&amp;id=Test_Verbal" title="">Test du Verbal</a></li>
          </ul>
        </li>
 
<!-- ////// TELECHARGER //////////-->
        <li>
          <a class="actuator" href="../download/index.php?page=0&amp;id=Telechargement" title="">Téléchargement</a> <span class="blanc">|</span>
          <ul class="menu">
            <li><a href="../download/version_543/qi98_60.exe" title="">QI98 60 items</a></li>
            <li><a href="../download/version_450/qi98_40.exe" title="">QI98 40 items</a></li>
          </ul>
        </li>
 
<!-- ////// PLAN DU SITE //////////-->
        <li><a href="../index.php?page=5&amp;id=Sitemap" title="">Plan du site</a> <span class="blanc">|</span></li>
 
<!-- ////// FAVORIS //////////-->
        <li><a href="javascript:bookmarksite('QI98 - Analyse de la mémoire', 'http://qi98.free.fr/')">Favoris</a> <span class="blanc">|</span></li>
      </ul>
    </div>

Dans le css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
#mainMenu1 {
  background: #2F4F4F url(./images/fond-menu-h.jpg) repeat-x;
  color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 0;
  z-index: 1;
  position: static;
  /* if the menu is horizontal: use a 'static' position
   * if the menu is vertical: use an 'absolute' or 'fixed' position
   */
   font-weight: normal;
}
 
#menuList1 {
  border: 1px solid #2F4F4F;
  margin: 0;
  padding: 0 6px;
   font-weight: normal;
}
 
#menuList1 li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
   font-weight: normal;
}
 
#menuList1 li a {
  background-color: transparent;
  color: #FFFFFF;
  display: inline;
  line-height: 16px;
  margin: 0;
  padding: 2px 4px;
  text-decoration: none;
   font-weight: normal;
}
 
#menuList1 li a:hover, #menuList1 li a:focus {
  background-color: #C0C0C0;
  color: #000000;
  line-height: 0px;
   font-weight: normal;
}
 
#menuList1 li a.actuator {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  background: url(./css/menu/fleche-bas-jaune.gif) no-repeat 100% 50%;
  color: #ffffff;
  padding-right: 10px;
   font-weight: normal;
}
 
#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
  width/* */: auto; /* hides the following rule from Win/IE5.0 */
  background-color: #C0C0C0;
  color: #000000;
   font-weight: normal;
}
 
#menuList1 .menu {
  background-color: #2F4F4F;
  color: #FFFFFF;
  margin: 0;
  padding: 2px;
  z-index: 1;
  position: absolute; 
  visibility: hidden;
   font-weight: normal;
   filter:alpha(opacity=90);
   -moz-opacity:.90;
   opacity:.90;
}
 
#menuList1 .menu .menu {
  margin-left: 2px;
   font-weight: normal;
   filter:alpha(opacity=90);
   -moz-opacity:.90;
   opacity:.90;
}
 
#menuList1 .menu li a {
  display: block;
  line-height: normal;
  font-weight: normal;
}
 
#menuList1 .menu li a.actuator {
  background: transparent url(./css/menu/fleche-jaune.gif) no-repeat 100% 50%;
  font-weight: normal;
}
 
#menuList1 .menu li a.actuator:hover, #menuList1 .menu li a.actuator:focus {
  background-color: #C0C0C0;
/*  background-image: url(./css/menu/fleche-jaune.gif) no-repeat 100% 50%;*/
   font-weight: normal;
}

Voilà, c'est tout ce je peux faire.

**jlb59** · 05/01/2008, 08h44

Envoyé par devin59

Tant qu on a pas de code on peut juste te dire de bien vérifier ta syntaxe pour le moment

html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
 
<select name="nomListe">
<option value="valeur1">valeur1</option>
<option value="valeur2">valeur2</option>
<option value="valeur3">valeur3</option>
</select>

avec php ca pourrait donner

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 
<select name="nomListe">
<?PHP
// connexion a ta BDD
$sql ="SELECT * FROM test";
$reponse = mysql_query($sql) or die ("ERREUR SQL ".$sql."<br />".mysql_error());
while ( $donnees = mysql_fetch_array($reponse))
{
?>
<option value="<?PHP echo $donnees['nomDUnChamp']; ?>"><?PHP echo $donnees['nomDUnChamp']; ?></option>
<?PHP
}
?>
</select>

Merci pour ton bout de code, mais j'ai pas très bien compris au sujet de la base de données.
Je ne suis pas très branché à ce sujet malheureusement.

Désolé !

**Kerod** · 05/01/2008, 08h56

Non t'inquiètes pas pour ça. Cette réponse est là à cause du manque d'informations initiale. Il pensait que tu parlais d'une récupération d'éléments dans un select.

**devin59** · 05/01/2008, 10h18

Désolé pour ce code inutile j avais pas bien compris la demande...

Pour ton pb je suis désolé mais je peux pas vraiment te renseigner parce que j ai fait un menu comme ça une seule fois, pour mettre une page HTML en fond d'écran sur mon pc ca marchait niquel donc je voulais te balancer le code mais j ai d'abord tester sur IE et j'ai le même souci mais en même temps c'est logique parce que j'utilisais un li:hover qui passe sur FF mais pas sur IE faudrait que je vois pour modifier le code, histoire de voir si j'arrive à faire quelque chose.

Si j'y arrive et que t'as pas réussi à t'en sortir je te l'enverrai.

Bonne journée et bon courage !

**Bisûnûrs** · 05/01/2008, 11h22

@jlb59 : Personnellement avec le code que tu nous as donné, les menus ne se déroulent pas ni sur IE ni sur Firefox.

Sinon, à tout hasard, tu peux enlever les commentaires, ça peut bloquer IE.

**jlb59** · 05/01/2008, 16h32

Envoyé par Bisûnûrs

@jlb59 : Personnellement avec le code que tu nous as donné, les menus ne se déroulent pas ni sur IE ni sur Firefox.

Sinon, à tout hasard, tu peux enlever les commentaires, ça peut bloquer IE.

Oui, j'ai essayé aussi. Je cherche ce que j'ai oublié de donner (fichier JS).

Si tu as IE et FF, tu peux voir le fonctionnement ici : http://qi98.free.fr/.
Où cela se voit bien dans le menu c'est au niveau de la rubrique "Sécurité", ainsi tu vberras qu'avec FF y a pas de prb, mais avec IE tu en verras (pas de sous-menus).

Dès que j'ai vu pour le code fonctionnant bien, je le mettrais sur ce forum.

Non déroulement de sous menu sous IE

CSS

Discussions similaires

Partager

Partager