J'ai pris le code de mon menu déroulant sur le site: Dynamic Drive un site bien pratique.
Le menu que j'ai pris est sur cette page: http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm
Le menu fonctionne bien mais le seul bemol est que le lien principal ( celui au dessus du menu qui déroule ) n'est pas cliquable, le lien est là mais il ne fonctionne pas.
Voici le code CSS du menu:
CODE
/* Menu déroulanttttt */
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 1;
font:normal 14px Arial, Helvetica, sans-serif;
z-index: 100;
background-color: #0086d8;
width: 205px;
}
.anylinkcss a{
width: 100%;
display: block;
text-indent: 5px;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
}
.anylinkcss a:hover{ /*hover background color*/
background-color: #2a6487;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 1;
font:normal 14px Arial, Helvetica, sans-serif;
z-index: 100;
background-color: #0086d8;
width: 205px;
}
.anylinkcss a{
width: 100%;
display: block;
text-indent: 5px;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-indent: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
}
.anylinkcss a:hover{ /*hover background color*/
background-color: #2a6487;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
et le code d'affichage est sur cette page: http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm , les liens ne fonctionne pas non plus sur la demo,
Merci d'avance.