Filoweb.it

Menu dimanico laterale


FB TW G+ whatsapp RSS FEED News letter
CSS
Menu dimanico laterale


  <!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN" 
   " http://www.w3.org/TR/html4/strict.dtd" >
<html>
<head>
<title>Menu dinamico 12: barra laterale 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;
width: 22px;
position: absolute;
top: 20%;
left: 0;
background: #f1f1f1;
color: #000;
border-width: 1px;
border-style: solid;
}

#menu ul {
margin: 0.5em 0 0.5em 2.5em;
padding: 0;
list-style: none;
display: none;
}

#menu ul li a:link,
#menu ul li a:visited {
display: block;
margin: 0;
padding: 0.2em;
color: #329;
text-decoration: none;
width: 5em;
}
#menu ul li a:hover {
background: #fff url(" img/dar.gif" ) no-repeat 100% 50%; 
color: #000;
}

#menu p {margin: 0; text-align: right; padding: 0;}
#menu p img {border: none; vertical-align: middle;}

#menu:hover {width: 10em;}
#menu:hover ul {display: block;}


.nota {margin: 1em 0 1em 12em; padding: 1em;}
</style>
<!--[if lt IE 7]>
<style type=" text/css" >
#menu ul 
{
display: block;
}
</style>
<![endif]-->

</head>

<body>


<div id=" menu" >
<p><img src=" img/open.gif"  alt=" *" ></p>
<ul>
<li><a href=" #" >Link</a></li>
<li><a href=" #" >Link</a></li>
<li><a href=" #" >Link</a></li>
<li><a href=" #" >Link</a></li>
<li><a href=" #" >Link</a></li>
</ul>
</div>



</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 dimanico laterale. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it