Menu CSS vertical à gauche - sans liste n°2 / 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:7.8em;
}

/* 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:/**/7.8em; /*valeur pour MSIE 6*/
}
/* Caché pour IE_Mac - fin*/

#zone_gauche a:hover{
background-color:#A9CFFE;
color:#FFF;
}

/* pas d'effet sur MSIE 5.0
et Konqueror */

#zone_gauche .content a span.left{
background-color:#D2E1FB;
padding-left:.3em;
margin-right:.3em;
}
* html #zone_gauche .content a:hover span.left{
display:block;
height:1%;
position:absolute;
margin-left:-.6em;
}
* html #zone_gauche .content a:hover{
text-indent:.6em;
}
#zone_gauche .content a:hover span.left{
background-color:#0A00B0;
padding-left:.3em;
margin-right:.3em;
}

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