Menu CSS HTML ne se déploie pas!!
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 :
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 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;
} |
et la partie html correspondant sur le site :
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 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> |
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.
Merci d'avance
PM