Filoweb.it

Menu a discesa


FB TW G+ whatsapp RSS FEED News letter
CSS
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> 
FB TW G+ whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: CSS, Titolo:Menu a discesa. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it