Discussion :

[bimaghra]

Salut à tous,

J'ai un problème j'ai un menu horizontal déroulant. le sous menu se place derrière le corps de la page. (uniquement sur internet explorer)
Est ce quelqu'un pourra m'aider
Merci d'avance

Voila mon css :

Code css :

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
body { 
behavior: url("csshover3.htc"); 
}
 
.menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
 
.menu ul li{
float: left;
position: relative;
display: inline;
background-color:#7cae51;
}
 
.menu ul li a{
 display:block;
 width: auto;
 color:white;
 text-decoration:none;
 padding:5px;
 font-weight: bold;
 border-left-width:2px;
 }
 
.menu ul li ul{
position: absolute;
display: block;
visibility: hidden;
 
}
 
.menu ul li ul li{
display: inline;
float: none;
}
 
.menu ul li ul li a{
width: 150px; 
font-weight: bold;
padding: 2px 5px;
background: #7cae51 ;
color:#cde686;
}
 
.menu ul li a:hover{
background:#f84506;
}
 
.menu ul li ul li a:hover{
background: #cde686;
color:#f84506;
}

et mon code html :

Code html :

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
<div class="menu">
    <ul id="mon_menu">
        <li><a href="introduction.php"><?php echo $_introduction[0] ?></a></li>
        <li><a href="presentation.php"><?php echo $_presentation[0] ?></a></li>
        <li><a href="#"><?php echo $_calculator[0] ?></a>
            <ul>
                <li><a href="calculator.php"><?php echo  $_calculator_FR[0]?> </a></li>
                <li><a href="calculator.php"><?php echo $_calculator_Dose[0]?>  </a></li>
                <li><a href="calculator.php"><?php echo  $_calculator_Ref[0]?></a></li>
            </ul>
        </li>
        <li><a href="references.php"><?php echo $_references[0] ?></a></li>
        <li ><a href="aboutus.php"><?php echo $_aboutus[0] ?></a></li>
        <li><a href="contact.php"><?php echo $_contact[0] ?></a></li>
        <li ><a href="legal.php"><?php echo $_legalnotice[0] ?></a></li>
        <li><a href="help.php"><?php echo $_help[0] ?></a></li>
    </ul>
</div>

[copin]

Salut,

Il va falloir un peu plus de code si tu veux que quelqu'un te vienne en aide...

Est ce que tu peux fournir le code html du corps de page et la css qui va avec.

Pour le moment, le code que tu as fournis, permets juste d'afficher un menu.

Sans code, je peux juste de tenter de jouer avec le z-index de ton corps de page et de ton sous menu.

[bimaghra]

Merci beaucoup j'ai trouvé une solution en jouant avec le z-index du menu et et j'ai utilisé des div pour le reste de la page sur lesquels j'ai mis des z-index inférieurs à celui du menu

merci