Bonjour,
Je souhaite faire une menu horizontal avec sous-menus.
Voici le code :
<script type="text/javascript">
function showmenu()
{
if(document.getElementById)
document.getElementById("menu").style.visibility = 'visible';
}

function closemenu()
{
if(document.getElementById)
document.getElementById("menu").style.visibility = 'hidden';
}

</script>



</style>
<DIV STYLE="position:absolute; top:290px; left:110px; width:1px; overflow:none; visibility:hidden; background:#3588CD; height: 170px;" ID="menu" ALIGN="center" CLASS="texte">
<div style="overflow:hidden;z-index:100">
<table width="122" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
<tr>
<td width="147"><div align="center"><a href="#">Lien 1 </a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#">Lien 2 </a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#">Lien 3</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#">Lien 4 </a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#">Lien 5 </a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#">Lien 6 </a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#">Lien 7 </a></div></td>
</tr>
<tr>
<td>
<div align="center"><a href="#" onClick="closemenu();return(false)">Fermer</a></div></td>
</tr>
</table>
</div>
</DIV>


<img src="images\nightwish\bann.jpg" USEMAP="#NotNamed" BORDER=0>
<map name="NotNamed">
<area shape="rect" coords="2,1,209,83" href="" alt="Biographie" onmouseover="showmenu(); return(false);">
<area shape="rect" coords="209,0,428,82" href="disconightwish.html" alt="Discographie"onmouseover="showmenu(); return(false);
<area shape="rect" coords="426,0,573,82" href="" alt="Média">
<area shape="rect" coords="574,2,724,80" href="" alt="Paroles">
<area shape="rect" coords="724,4,847,80" href="" alt="Liens">

Comment faire pour les positions des sous-menus et pour que le menu s'adapte à chaque écran?
Merci d'avance.