Bonjour à tous, comme le dit le nom du sujet, j'ai conçu un menu déroulant à l''aide d'une feuille de style et du tutorial sur le sujet du site, cependant le menu ne se développe pas, le hover ne fonctionne pas. Je vous propose le code du css :
et la partie html correspondant sur le site :
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 #menudéroulant { width: 1020px; list-style-type: none; margin: 0; padding: 0; border: 0; background-color: #FFFFFF; } #menudéroulant li { float: left; width: 113px; height: 15px; text-align: center; margin: 0; padding: 0; border: 0; } #menudéroulant li:hover > .sousMenu { display: block; } #menudéroulant li a:link, #menudéroulant li a:visited, #menudéroulant li a:hover { display: block; height: auto; color: #ffa900; font-weight: bold; } #menudéroulant .sousmenu { display: none; list-style-type: none; margin: 0; padding: 0; border: 0; } #menudéroulant .sousmenu li { float: none; margin: 0; padding: 0; border: 0; } #menudéroulant .sousmenu li a:link, #menudéroulant .sousmenu li a:visited #menudéroulant .sousmenu li a:hover { display: block; margin: 0; border: 0; font-weight: normal; text-decoration: none; background: url("images/fondmenu.png") repeat; }
Je serai très reconnaissant si vous pouviez me trouvez l'erreur commise et me l'expliquer si c'est un conflit dans le script.
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 <table border=1> <tr> <td width="1020" height="40"> <ul id="menudéroulant"> <li><a href="#">RADIO</a></li> <ul class="sousmenu"> <li><b>---------EMISSIONS-------</b></font></li> <li><a href="#">Debout Lyon</a></li> <li><a href="#">Le Denis Show</a></li> <li><a href="#">Le Club</a></li> <li><b>----------ANTENNE--------</b></li> <li><a href="#">La grille des programmes</a></li> <li><a href="#">Animateurs</a></li> <li><a href="#">La Rédac'</a></li> <li><a href="#">La direction</a></li> <li><a href="#">Contactez-nous</a></li> </ul> <li><a href="#">BREVES</a></li> <li><a href="#">MUSIC</a></li> <ul class="sousmenu"> <li><a href="#">Ecoutez en live</a></li> <li><a href="#">La playlist</a></li> <li><a href="#">Les 5 Hits du moment</a></li> </ul> <li><a href="#">SPORT</a></li> <ul class="sousmenu"> <li>----------RESULTATS--------</li> <li><a href="#">Olympique Lyonnais</a></li> <li><a href="#">Adecco ASVEL</a></li> <li><a href="#">LOU</a></li> <li>---------<a href="#">CALENDRIERS</a>-------</li> <li>---------LE DIRECT-------</li> <li><a href="#">Match Olympique Lyonnais</a></li> <li><a href="#">Match Adecco ASVEL</a></li> <li><a href="#">Match LOU</a></li> </ul> <li><a href="#">BLOGS</a></li> <ul class="sousmenu"> <li><a href="#">Bloghs</a></li> <li><a href="#">Les Forums</a></li> <li><a href="#">Le Tchat</a></li> </ul> <li><a href="#">AGENDA</a></li> <li><a href="#">PHOTOS</a></li> <li><a href="#">INTERVIEWS</a></li> <li><a href="#">OFFRE EMPLOI</a></li> </ul> </td> </tr> </table>
Merci d'avance
PM
Partager