Vai ai contenuti
Ti trovi in:   Home > CSS Menu > Menu n.01/V

CSS Menu - CSS Menu Design

CSS Menu verticali

Menu n.01/V - Source XHTML e CSS

Semplice menu con cambio colore di fondo e delle descrizioni sul link attivo e al passaggio del mouse.

(X)HTML:

<div id="menu01v">
 <ul>
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
  <li><a href="#">Link 4</a></li>
  <li><a href="#">Link 5</a></li>
 </ul>
</div>
			

CSS:

#menu01v{
width: 10em;
font: 80% Arial, Helvetica, sans-serif;
}
#menu01v ul{
margin: 0;
padding: 0;
list-style: none;
}
#menu01v li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu01v a:link, #menu01v a:visited{
display: block;
background: #DEDCDC;
color: #05181E;
margin:0.06em 0;
padding: 0.3em 0.6em;
text-decoration: none;
border: 1px solid #666;
}
#menu01v a:hover, #menu01v a:focus, #menu01v a:active{
background: #fff;
color: #41545F;
border-color: #41545F;
padding-left: 0.95em;
text-transform: uppercase
}

Artwork & Design Copyright 2000-     Ivano Montanari    Verona - Italy

Mappa del sito | Privacy | Informativa cookie | Accessibilità | Accesskey | Contattami

W3C Valid XHTML 1.0 Strict W3C Valid CSS ver.2 W3C-WAI Web Content Accessibility Guidelines 1.0 Level Triple-A conformance Layout senza tabelle