Filoweb.it

Menu dimanico laterale


FB TW 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 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 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