Filoweb.it

Menu a discesa


FB TW Pinterest 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 Pinterest 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 filoweb.it 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.
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