Menu CSS vertical à gauche - sans liste n°3 / 3 colonnes avec en-tête et pied de page

CSS pour un menu vertical à gauche sans liste (peu recommandé)

#zone_gauche .content{
margin:2px 0 0 10px;
padding:0;
}
#zone_gauche a{
background-color:#D2E1FB;
border:1px solid #000;
color:#0A00B0;
display:block;
padding:4px 3px 5px 5px;
margin:-1px 0 0;
text-decoration:none;
font-weight:800;
width:8.4em;
}

/* Caché pour IE_Mac - début\*/
* html #zone_gauche a{
width:9em; /*valeur pour MSIE 5*/
}
* html #zone_gauche a/**/{
width/**/:100%; /*valeur pour MSIE 5.5*/
width:/**/8.4em; /*valeur pour MSIE 6*/
}
/* Caché pour IE_Mac - fin*/

#zone_gauche a:hover{
background-color:#A9CFFE;
color:#FFF;
}
#zone_gauche a span{
visibility:hidden;
color:#0A00B0;
padding:0 .3em 0 .2em;
}
#zone_gauche a:hover span{
visibility:visible
}

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