Hola, estoy intentando hacer un menu, para un web. He hecho esto, pero cuando lo despliego me baja toda la informacion que tengo debajo del menu, en el tamaño del menu.
Me gustaria poder hacerte este menu de forma que cuando lo despliegue la pagina quede igual, digamos que el menu se depliegue encima de la information que hay en la pagina pero no que baje toda la pagina.
Muchas Gracias
<script>
window.onload=function()
{for(i=1;i<=1;i++){document.getElementById('menu'+ i).style.height='16px';}}
</script>
<div style="background-color:lightblue" background-size:20px 20px; id="menu1"
onclick="javascript
:this.style.height=(parseFloat( this.style.height)>20?'16px':'200px');"
onmouseout="this.style.color = 'blue';" onmouseover="this.style.color = 'red';"
style="height:16px;overflow:hidden; cursor:pointer;"><font size="3">Menú</font><br />
<a href="goplanettravel.blogspot">Home Page</a><br />
</div>