Cet exemple de menu ne fonctionne que sous Netscape 6.0 et supérieur.
Code source :<html>
<head>
<style>
DIV, SPAN {
background: #003300;
}
DIV#menu {
width: 170px;
background: #003300;
}
SPAN {
padding: 3px;
}
DIV SPAN {
display:block;
white-space: nowrap;
}
SPAN A:link {
font-family: Verdana, Arial;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
SPAN:hover > A {
color: #003300;
}
SPAN A:visited {
color: #FF0000;
}
SPAN:hover {background-color: yellow; width: 98%;}
DIV SPAN > DIV {
display: none;
}
DIV SPAN:hover > DIV {
display: block;
border: 1px solid yellow;
position: absolute;
}
</style>
</head>
<body>
<DIV ID="menu">
<SPAN CLASS="item"><A HREF="../classe.html">Les classes de style</A>
<DIV>
<SPAN><A HREF="../classedefinition.html">Définition des classes</A></SPAN>
<SPAN><A HREF="../classedefinition.html">Les classes universelles</A></SPAN>
<SPAN CLASS="item"><A HREF="../classedynamique.html">Pseudo-classes dynamiques</A>
<DIV><SPAN><A HREF="pseudoclasse_lien">Exemples</A></SPAN></DIV>
</SPAN>
<SPAN><A HREF="../classepseudolien.html">Pseudo-classes de liens</A></SPAN>
<SPAN><A HREF="../classedescendante.html">Pseudo-classe descendante</A></SPAN>
<SPAN><A HREF="../classepseudotexte.html">Pseudo-classe de texte</A></SPAN>
<SPAN><A HREF="../classepseudolangue.html">Pseudo-classe de langue</A></SPAN>
<SPAN><A HREF="../classepseudobeforeafter.html">Pseudo-classe after et before</A></SPAN>
<SPAN><A HREF="../classepseudopage.html">Pseudo-classe de page</A></SPAN>
<SPAN><A HREF="../classeidentificateur.html">Les classes à base d'identificateur</A></SPAN>
<SPAN><A HREF="../classeheritage.html">Héritage des classes</A></SPAN>
</DIV>
</SPAN>
</DIV>
</body>
</html>