< html >
< head >
< title >Barra di navigazione verticale con div< /title >
< style type="text/css" >
#nav div{
padding-top:10px;
letter-spacing:5px;
width:200px;
font:bold 80% Verdana,Arial,Helvetica,sans-serif
}
#nav a{FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px;
color:#000000;
text-decoration:none;
padding:5px 5px 5px 15px;
width:100%;
display:block;
border:2px solid #666666;
background:#ccc;
text-transform:uppercase
}
#nav a:hover{FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px;
color:#FFFFFF;
font-style:italic;
font-weight:bold;
border:2px solid #333333;
background:#09c
}
< /style >
< /head >
< body >
< div id="nav" >
< div >< a href="#" >link uno < /a >< /div >
< div >< a href="#" >link due < /a >< /div >
< div >< a href="#" >link tre< /a >< /div >
< div >< a href="#" >link quattro< /a >< /div >
< /div >
< /body >
< /html >
// Per far funzionare il codice di sopra, dovete eliminare gli spazi nei tag HTML; es.: e non < HTML >