Menu CSS vertical à droite n°1 avec pop up / 3 colonnes avec en-tête et pied de page

CSS pour le menu vertical à droite

/*le popup ne fonctionne pas avec MSIE 5.0
Problème avec Netscape jusqu'à version 7.2*/
#menu_droite{width:9em;text-align:center;/*position:relative;*/}
#menu_droite{position:absolute;top:2em;}/*MSIE*/
#menu_droite a,#menu_droite a:visited{
text-decoration:none;
background-color:#D2E1FB;
color:#0A00B0;
font-family:"courier new", "sans serif";
font-weight:bold;
display:block;
width:8em;
font-size:.85em;
border:1px solid #fff;
padding:5px;
}
#menu_droite div a span{
visibility:hidden;
background-color:#D2E1FB;
position:absolute;
top:12em;
left:3.5em;
z-index:10;
}
#menu_droite div a span.blk{
background-color:#E9F5FE;
border:1px solid #0A00B0;
left:0;
display:block;
padding:0 5px;
}
#menu_droite div a:hover span{
visibility:visible;
}
#menu_droite div a:hover span.blk{
width:8em;
}
* html #menu_droite div a:hover{
color:#0A00B0;
height:1%;
}
/* start IE_Mac hide\*/
* html #menu_droite div a:hover span/**/{
margin-left/**/:1.1em; /*value for MSIE 5.5*/
margin-left:/**/.8em; /*value for MSIE 6*/
}
/* end IE_Mac hide*/

Cliquez sur un des menus pour afficher son code CSS.
Passez le curseur sur les rubriques pour animer les liens.

CSS / 3 colonnes / en-tête / pied de page