Hallo,
ich habe den Code für das Menü aus dem Internet. Leider kann ich das Menü aber nicht an die Stelle meiner Seite stellen wo ich es gerne hätte. Es soll nämlich in der Mitte von der Seite gleich unter dem Banner sein und nicht in der Ecke ganz oben. Ich weiß das es irgendwie mit den Positionsangaben funktionieren soll, geht aber leider nicht, mache ich wohl was falsch! Wäre super nett wenn sich das mal einer kurz ansehen könnte.
Danke
Gruß
grün
ich habe den Code für das Menü aus dem Internet. Leider kann ich das Menü aber nicht an die Stelle meiner Seite stellen wo ich es gerne hätte. Es soll nämlich in der Mitte von der Seite gleich unter dem Banner sein und nicht in der Ecke ganz oben. Ich weiß das es irgendwie mit den Positionsangaben funktionieren soll, geht aber leider nicht, mache ich wohl was falsch! Wäre super nett wenn sich das mal einer kurz ansehen könnte.
Danke
Gruß
grün
HTML:
<BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="init()">
<Center>
<A HREF="info.zip"><IMG SRC="download.gif" border=0></A>
<style>
.menu
{
position: absolute;
z-index: 1;
padding:5;
border-width: 1;
border-style: ridge;
background-color: blue;
color: white;
}
</style>
<script language="JavaScript">
var mpos=new Array();
var mdir=new Array();
var maxmenus=3;
var delay=20;
function do_menu(menu)
{
for(i=0; i<maxmenus; i++)
{
if(menu!=i && mpos[i]>-122)
{
mdir[i]=-4;
if(mpos[i]>=30)
move_menu(i);
}
}
mdir[menu]=-mdir[menu];
if(mpos[menu]<=-122 || mpos[menu]>=30)
move_menu(menu);
}
function move_menu(menu)
{
mpos[menu]+=mdir[menu];
if(document.layers)
document.layers["menu"+menu].top=mpos[menu];
else
document.all["menu"+menu].style.top=mpos[menu];
if(mpos[menu]>-122 && mpos[menu]<30)
setTimeout("move_menu("+menu+")", delay);
}
function init()
{
for(i=0; i<maxmenus; i++)
{
mpos[i]=-122;
mdir[i]=-4;
}
}
</script>
<div class="menu" style="top:0; left:10; width: 50; z-index:2"><a
href="javascript:do_menu(0)"><b>
<p>Bücher</b></a> </p>
</div><div id="menu0" class="menu" style="top:-122; left:10; width: 200;">
<p>Der Wüstenplanet<br>
Mona Lisa Overdrive<br>
Chinesische Märchen<br>
Banana Kyoshito</p>
</div><div class="menu" style="top:0; left:74; z-index:2; width: 50; background: orange"><a
href="javascript:do_menu(1)"><b>
<p>Filme</b></a> </p>
</div><div id="menu1" class="menu"
style="top:-122; left:74; width: 200; background: orange">
<p>Gute Nacht, Mutter<br>
Scream<br>
Romeo & Julia </p>
</div><div class="menu" style="top:0; left:129; z-index:2; width: 50; background: red"><a
href="javascript:do_menu(2)"><b>
<p>Länder</b></a> </p>
</div><div id="menu2" class="menu" style="top:-122; left:129; width: 200; background: red">
<p>USA, Mexiko<br>
England<br>
Spanien<br>
Thailand </p>
</div>
</center>
</body>