:: FILOWEB.it: Menu a discesa

 
		<!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN" 

   " http://www.w3.org/TR/html4/strict.dtd" >

<html>

<head>

<title>Menu dinamico 5: dropdown menu 1</title>

<meta http-equiv=" Content-Type"  content=" text/html; charset=iso-8859-1" >

<style type=" text/css" >

body {margin: 2em; padding: 0; font: 80%/1.6 Verdana, sans-serif;}



#menu {

margin: 0;

padding: 0;

height: 2em;

border-width: 0 0 1px 0;

border-style: solid;

}



#menu li {

margin: 0;

padding: 0;

float: left;

height: 2em;

width: 10em;

display: inline;

list-style-type: none;

position: relative;

line-height: 2em;

}



#menu li a:link,

#menu li a:visited {

margin: 0;

padding: 0;

text-decoration: none;

color: #000;

background: transparent;

float: left;

width: 10em;

text-align: center;

font-weight: bold;

}

#menu li a:hover {

background: transparent; 

color: #c00;

}



#menu li ul {

display: none;

margin: 0;

padding: 0;

background: #f1f1f1;

color: #000;

border: 1px solid;

width: 10em;

}

#menu li ul li {

list-style: none;

margin-left: 0;

padding-left: 0;

border-bottom: 1px solid;

}



#menu li ul li a:link,

#menu li ul li a:hover {

display: block;

margin: 0;

padding: 0;

text-align: center;

background: transparent;

color: #000;

width: 10em;

font-weight: bold;

}

#menu li ul li a:hover {

background: #fff;

color: #c00;

}







#menu li:hover ul {

display: block;

position: absolute;

top: 2em;

left: 0;

}



</style>



<!--[if lt IE 7]>

<style type=" text/css" >

#menu li ul 

{

display: block;

}

</style>

<![endif]-->







</head>



<body>











<ul id=" menu" >

<li><a href=" #" >Link</a>

<ul>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

</ul>

</li>



<li><a href=" #" >Link</a>

<ul>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

</ul>

</li>





<li><a href=" #" >Link</a>

<ul>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

</ul>

</li>



<li><a href=" #" >Link</a>

<ul>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

</ul>

</li>

</ul>





</body>

</html>