Hey ich brauche unbedingt Hilfe!
Ich arbeite jetzt schon Wochen lang an einem Pull Down Menü rum!
Das Design sieht folgender Maßen aus: http://onkel1990.on.funpic.de/PA_Design1.html
Mit Pull Down menü soll es dann folgendermaßen aussehen: http://onkel1990.on.funpic.de/PA_Design2.html
Hier ist der HTML-Code der HP ohne Pull-Down-Menü-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Loosmann-GmbH</title>
</head>
<body>
<div align="center">
<table width="0" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="13"></td>
</tr>
<tr>
<td colspan="13"></td>
</tr>
<tr>
<td width="5"></td>
<td width="82"></td>
<td width="5"></td>
<td width="83"></td>
<td width="5"></td>
<td width="91"></td>
<td width="5"></td>
<td width="75"></td>
<td width="5"></td>
<td width="65"></td>
<td width="5"></td>
<td width="69"></td>
<td width="5"></td>
</tr>
<tr>
<td colspan="13"></td>
</tr>
<tr>
<td colspan="13"></td>
</tr>
</table>
</div>
</body>
</html>
Hier ist der HTML-Code für das Pull-Down Menü:
<SCRIPT LANGUAGE="JavaScript">
function test(x) {
if (navigator.appName == 'Microsoft Internet Explorer')
x.blur();
}
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
var old;
var memold;
var subold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
}
else
{
document.onmouseup=do_out;
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
do_submenu();
}
function do_out()
{
if(old)
hide_layer(old);
memold=old; old="";
do_submenu();
}
function do_submenu(x)
{
if(subold)
{
hide_layer(subold);
subold="";
}
if(x)
{
show_layer(x);
subold=x;
}
}
function lade(seite) {
parent.pageFrame.location.href = seite;
}
// -->
</script>
<style>
.menu {
position: absolute;
top:0;
z-index: 2;
width: 91;
}
.submenu {position: absolute;top: 22;z-index: 1; visibility: hide;visibility: hidden;}
</style>
<div id="m1" class="menu" style="left:54px;top:194px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<td width=0"><font face=verdana,arial size=0>
</tr>
</td>
</table>
</div>
<div id="m1x" class="submenu" style="left:56px;top:227px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=0>
</tr>
</td>
</table>
</div>
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<div id="m11x" class="submenu" style="left:280;top:320;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2>
<font color="black"> [ </font> D<font color="black"> ] </font>
<font color="black"> [ </font> E<font color="black"> ] </font>
<font color="black"> [ </font> F<font color="black"> ] </font>
<font color="black"> [ </font> G<font color="black"> ] </font>
</tr>
</td>
</table>
</div>
<div id="m2" class="menu" style="left:147px;top:196px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<div id="m2x" class="submenu" style="left:147px;top:227px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<div id="m2x" class="submenu" style="left:54;top:225;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2>
<font color="black"> [ </font> D<font color="black"> ] </font>
<font color="black"> [ </font> E<font color="black"> ] </font>
<font color="black"> [ </font> F<font color="black"> ] </font>
<font color="black"> [ </font> G<font color="black"> ] </font>
</tr>
</td>
</table>
</div>
<div id="m3" class="menu" style="left:238px;top:196px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<div id="m3x" class="submenu" style="left:238;top:227;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<table cellspacing=0 cellpadding=2 border=0 width=225>
<tr>
<div id="m3x" class="submenu" style="left:411;top:194;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2>
<font color="black"> [ </font> D<font color="black"> ] </font>
<font color="black"> [ </font> E<font color="black"> ] </font>
<font color="black"> [ </font> F<font color="black"> ] </font>
<font color="black"> [ </font> G<font color="black"> ] </font>
</tr>
</td>
</table>
</div>
<div id="m4" class="menu" style="left:338px;top:196px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<div id="m4x" class="submenu" style="left:338;top:227;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<table cellspacing=0 cellpadding=2 border=0 width=225>
<tr>
<div id="m4x" class="submenu" style="left:581;top:194;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2>
<font color="black"> [ </font> D<font color="black"> ] </font>
<font color="black"> [ </font> E<font color="black"> ] </font>
<font color="black"> [ </font> F<font color="black"> ] </font>
<font color="black"> [ </font> G<font color="black"> ] </font>
</tr>
</td>
</table>
</div>
<div id="m5" class="menu" style="left:422px;top:196px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<div id="m5x" class="submenu" style="left:422;top:227;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<div id="m5x" class="submenu" style="left:54;top:225;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2>
<font color="black"> [ </font> D<font color="black"> ] </font>
<font color="black"> [ </font> E<font color="black"> ] </font>
<font color="black"> [ </font> F<font color="black"> ] </font>
<font color="black"> [ </font> G<font color="black"> ] </font>
</tr>
</td>
</table>
</div>
<div id="m6" class="menu" style="left:496px;top:196px;">
<table cellspacing=0 cellpadding=2 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<div id="m6x" class="submenu" style="left:496;top:227;">
<table cellspacing=0 cellpadding=5 border=0 width=125>
<tr>
<font face=verdana,arial size=2>
</tr>
</td>
</table>
</div>
<table cellspacing=0 cellpadding=5 border=0 width=125>
<tr>
<div id="m2x" class="submenu" style="left:54;top:225;z-index: 1;visibility: hide;visibility: hidden;">
<font face=verdana,arial size=2>
<font color="black"> [ </font> D<font color="black"> ] </font>
<font color="black"> [ </font> E<font color="black"> ] </font>
<font color="black"> [ </font> F<font color="black"> ] </font>
<font color="black"> [ </font> G<font color="black"> ] </font>
</tr>
</td>
</table>
</div>
Jedes Mal wenn ich diesen Code in die Hp einbinden möchte verschiebt sich alles!
Bitte helft mir!!!!!!!
MfG
gFreak