[CSS] Menu qui disparait derriere un champ
Ami(e) du jour, bonjour
J'ai fait un menu où quand on passe la souris sur une rubrique, cela affiche les sous-rubriques.
Le probleme, c'est qu'il y a une rubrique qui se situe au dessus d'une liste a choix multiple. Et quand j'ouvre, les sous-rubriques de mon menu, elles ne sont pas visible car la liste deroulante reste au 1er plan
Dans l'image ci-dessous, on ne voit pas les sous-rubriques du softball feminin qui sont cachés par la liste deroulante.
http://xavier.muselli.free.fr/tv7/menu.jpg
Voici les differentes parties de code :
La partie CSS
Code:
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
| <style type="text/css">
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav a {
display: block;
width: 127px;
text-decoration: none;
font-weight: bold;
color: "#00FF00";
}
#nav li {
list-style-type: none;
float: left;
width: 127px;
}
#nav li ul {
position: absolute;
width: 127px;
left: -999em;
background-color: "#353535";
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#menu ul li div a span {
display:none;
}
</style> |
Et le code HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
|
<td>
<li><a><img src="images/softFeminin.jpg" border="0"></a>
<ul>
<li><a href="#"><img src="images/actualites.jpg" border="0"></a></li>
<li><a href="#"><img src="images/championat.jpg" border="0"></a></li>
<li><a href="#"><img src="images/classement.jpg" border="0"></a></li>
<li><a href="#"><img src="images/statistiques.jpg" border="0"></a></li>
</ul>
</li>
</td> |
Voila.
Si vous avez deja connu ce probleme ou si vous avez où idée pour combler ce probleme.
Merki
Pepit' :wink:
