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.
Voici les differentes parties de code :
La partie 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 <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
Voila.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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>
Si vous avez deja connu ce probleme ou si vous avez où idée pour combler ce probleme.
Merki
Pepit'
Partager