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

CSS pour le menu vertical à droite

#zone_droite #contenu2{
position:relative;
width:9em;
}
#zone_droite #menu{
text-align:center;
position:relative;
height:8em;
}
#zone_droite #menu a{
position:relative;
text-decoration:none;
background-color:#zone_droite #D2E1FB;
color:#zone_droite #0A00B0;
font-family:"courier new", "sans serif";
display:block;
width:9em;
height:1em;/*erreur d'arrondi avec Mozilla*/
font-size:.9em;
padding:5px;
border-bottom:1px solid #zone_droite #0A00B0;
}
#zone_droite #menu a .hautgauche, #zone_droite #menu a .hautdroite{
position:absolute;
top:0;
width:0;
height:0;
overflow:hidden;
border-top:10px solid #zone_droite #E9F5FE;
}
#zone_droite #menu a .hautgauche{
left:0;
border-right:10px solid #zone_droite #D2E1FB;
}
#zone_droite #menu a .hautdroite{
left:9em;
border-left:10px solid #zone_droite #D2E1FB;
}
#zone_droite #menu a:hover{
background-color:#zone_droite #A9CFFE;
color:#zone_droite #FFF;
}
#zone_droite #menu a:hover .hautgauche{
border-right:10px solid #zone_droite #A9CFFE;
}
#zone_droite #menu a:hover .hautdroite{
border-left:10px solid #zone_droite #A9CFFE;
}
/**/
#zone_droite #menu a span.blk{
font-size:.75em;
visibility:hidden;
position:absolute;
top:auto;
background-color:#zone_droite #E9F5FE;
color:#zone_droite #0A00B0;
border:1px solid #zone_droite #0A00B0;
left:0;
display:block;
padding:0 5px;
z-index:10;
}
#zone_droite #menu a:hover span.blk{
visibility:visible;
width:11em;
}
* html #zone_droite #menu a:hover{
height:1%;
}
/* start IE_Mac hide\*/
* html #zone_droite #menu a:hover span.blk/**/{
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