<!-- Menu a linguette -->
<div id="navigation">
<ul>
<li><a href="http://url pagina">Nome Link</a></li>
<li><a href="http://url pagina">Nome Link</a></li>
<li><a href="http://url pagina">Nome Link</a></li>
<li><a href="http://url pagina">Nome Link</a></li>
<li id="activelink">Nome Link</li>
</ul>
</div>
<!-- Menu a linguette -->
<style type="text/css">
/* Parametri contenitore menu */
div#navigation{
width:600px;
text-align:left;
border-bottom: 5px solid #aa2142;
padding: 0px 0px 0px 0px;
}
/* Parametri elenco */
div#navigation ul{
list-style-type: none;
white-space: nowrap;
margin: 0;
padding: 0
}
/* Parametri campi lista */
div#navigation li{
display: inline;
margin: 0;
padding: 0
}
/* Parametri link campi lista */
div#navigation li a{
border: 5px solid #aa2142;
border-bottom: 0;
background: #f2dedf;
text-decoration: none;
text-align:center;
font-family: "Verdana";
font-size: 12px;
color : #3d5f4c;
padding: 5px 5px 0px 5px;
}
/* Parametri hover-link campi lista */
div#navigation li a:hover{
background-color: #ebabba;
text-decoration: underline;
font-family: "Verdana";
font-size: 12px;
color: #aa2142;
}
/* Parametri pagina aperta */
div#navigation li#activelink {
border: 5px solid #aa2142;
border-bottom: 0;
background-color: #f2f2b8;
padding: 5px 5px 0px 5px;
}
</style>