Menu CSS horizontal centré en haut / 3 colonnes avec en-tête et pied de page

CSS pour un menu horizontal en haut

#zone_haut_a dl{
margin:-.2em 0 0;
padding:.25em 0;
text-align:center;
}
/* Caché pour IE_Mac - début\*/
* html #zone_haut_a dl{
margin:-.5em 0 -.4em 0;/*valeur pour MSIE 5*/
}
* html #zone_haut_a dl/**/{
margin/**/:-.4em 0 0; /*valeur pour MSIE 5.5*/
margin:/**/-.2em 0 0; /*valeur pour MSIE 6*/
}
/* Caché pour IE_Mac - fin*/

#zone_haut_a dt{
margin:1px;
padding:0;
display:inline;
}
#zone_haut_a dt a{
background-color:#D2E1FB;
border-left:.5em solid #E8F0FD;
border-right:.5em solid #E8F0FD;
color:#0A00B0;
padding:4px 3px 5px 5px;
text-decoration:none;
font-weight:800;
width:8.4em;
}
/* Caché pour IE_Mac - début\*/
* html #zone_haut_a dt a{
width:6.5em;/*valeur pour MSIE 5 and 5.5*/
}
* html #zone_haut_a dt a/**/{
width:/**/8.4em; /*valeur pour MSIE 6*/
}
/* Caché pour IE_Mac - fin*/

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

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