1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53
| <HTML>
<HEAD>
<style type="text/css">
/*menu*/
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}
#menu {position: absolute;top: 191px;left: 0;z-index:3;width: 100%;}
#menu dl {float: left;width: 20%;margin: 0 px;}
#menu dt {cursor: pointer;text-align: center;font-weight: bold;background: #ccc;border: 1px solid gray;}
#menu dd {border: 1px solid #eee;}
#menu li {text-align: center;background: #fff;font-size: 8pt}
#menu li a, #menu dt a {color: #000;text-decoration: none;display: block;height: 100%;border: 0 none;}
#menu li a:hover, #menu dt a:hover {background: #eee;}
#main700 { position : absolute; top : 700px;width: 100%}
</style>
<SCRIPT type="text/javascript">
<!--
function montre(id)
{
var d = document.getElementById(id);
for (var i = 1; i<=10; i++)
{
if (document.getElementById('smenu'+i))
{
document.getElementById('smenu'+i).style.display='none';
}
}
if (d)
{
d.style.display='block';
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="index.php" title="Accueil" name="debut">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Consulter les annonces</dt>
<dd id="smenu1">
<ul>
<li>sousmenu point de depart a un autre menu</li>
<li>sousmenu point de depart a un autre menu</li>
<li>sousmenu point de depart a un autre menu</li>
</ul>
</dd>
</dl>
</div>
</BODY>
</HTML> |
Partager