Bonjour
J'aimerai savoir comment faire pour que mon menu soit accessible. J'ai déjà utiliser un code HTML et une feuille de style dans asp.net mais je ne vois pas aucun création du menu voila mes codes
code HTML
1 2 3 4 5 6 7 8 9 10 11 12 13
| <div id="menu" >
<dl><dt>admin</dt>
<dd><ul><li><a href= "administration.aspx"> add </a></li></ul></dd></dl>
<dl><dt>gerant</dt>
<dd><ul><li><a href= "distribution.aspx"> distribution </a></li>
<li><a href= "gestiongerant.aspx"> gestion gerant </a></li></ul></dd></dl>
<dl><dt>clt</dt>
<dd><ul><li><a href= "accesclient.aspx">acces clt </a></li></ul></dd></dl>
</div> |
bien sur avec la déclaration du feuille de style
<link rel="stylesheet" type="text/css" href="monmenu.css"/>
enfin le code de feuille de style :
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
| body { color: Fuchsia;}
# conteneur-menu { color: Aqua; height : 40px; position: relative; }
# menu { position:absolute;}
dl
{
height : 40px;
margin : 0; padding :0;
display : block;
float : left ;
}
dt { width : 100px;
display : block ;
height : 40px;
color : White;
line-height : 40px;
text-align : center ;
border-right : dotted 1px #1270C8;
cursor : pointer ;
}
dd{ display : block;
margin : 0; padding : 0;
color: Aqua;
}
dd ul { margin:0; padding :0;
text-align : center ;
list-style : none;
}
dd ul li { display : block ;
margin :0; padding :0;
}
dd ul li a { color : #1270C8;
display : block ;
text-decoration: none;
height : 30px;
line-height:30px ;
border-top : dotted 1px #1270C8;
border-bottom : dotted 1px #1270C8;
width : 100px;
}
dd ul li a: hover { background : url ( fond1.jpg);
color : White ;
}
dl dd { display : none; }
dl: hover dd { display : block; } |
Y a t il des erreurs ? Et est ce qu'il nécessite une déclaration dans la page #.aspx.vb ?
Merci
Partager