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">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_01.jpg[/img]</td>
</tr>
<tr>
<td colspan="13">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_02.jpg[/img]</td>
</tr>
<tr>
<td width="5">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_03.jpg[/img]</td>
<td width="82">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_04.jpg[/img]</td>
<td width="5">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_05.jpg[/img]</td>
<td width="83">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_06.jpg[/img]</td>
<td width="5">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_07.jpg[/img]</td>
<td width="91">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_08.jpg[/img]</td>
<td width="5">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_09.jpg[/img]</td>
<td width="75">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_10.jpg[/img]</td>
<td width="5">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_11.jpg[/img]</td>
<td width="65">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_12.jpg[/img]</td>
<td width="5">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_13.jpg[/img]</td>
<td width="69">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_14.jpg[/img]</td>
<td width="5">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_15.jpg[/img]</td>
</tr>
<tr>
<td colspan="13">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_16.jpg[/img]</td>
</tr>
<tr>
<td colspan="13">[img]file:///C|/Dokumente%20und%20Einstellungen/Anna/Desktop/Bilder_HP/index_17.jpg[/img]</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>
[img]Bilder/PA_Design_03.jpg[/img]
</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>
[img]Bilder/PD_03.jpg[/img]

[img]Bilder/Platzhalter1.jpg[/img]

[img]Bilder/PD_03.jpg[/img]

[img]Bilder/Platzhalter1.jpg[/img]

[img]Bilder/PD_03.jpg[/img]

[img]Bilder/Platzhalter1.jpg[/img]

[img]Bilder/PD_03.jpg[/img]

[img]Bilder/Platzhalter1.jpg[/img]

[img]Bilder/PD_03.jpg[/img]

</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>
[img]Bilder/PA_Design_05.jpg[/img]
</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>
[img]Bilder/PD_05.jpg[/img]

[img]Bilder/Platzhalter2.jpg[/img]

[img]Bilder/PD_05.jpg[/img]

[img]Bilder/Platzhalter2.jpg[/img]

[img]Bilder/PD_05.jpg[/img]

[img]Bilder/Platzhalter2.jpg[/img]

[img]Bilder/PD_05.jpg[/img]

[img]Bilder/Platzhalter2.jpg[/img]

[img]Bilder/PD_05.jpg[/img]

</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>
[img]Bilder/PA_Design_07.jpg[/img]
</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>
[img]Bilder/PD_07.jpg[/img]

[img]Bilder/Platzhalter3.jpg[/img]

[img]Bilder/PD_07.jpg[/img]

[img]Bilder/Platzhalter3.jpg[/img]

[img]Bilder/PD_07.jpg[/img]

[img]Bilder/Platzhalter3.jpg[/img]

[img]Bilder/PD_07.jpg[/img]

[img]Bilder/Platzhalter3.jpg[/img]

[img]Bilder/PD_07.jpg[/img]

</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>
[img]Bilder/PA_Design_09.jpg[/img]
</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>
[img]Bilder/PD_09.jpg[/img]

[img]Bilder/Platzhalter4.jpg[/img]

[img]Bilder/PD_09.jpg[/img]

[img]Bilder/Platzhalter4.jpg[/img]

[img]Bilder/PD_09.jpg[/img]

[img]Bilder/Platzhalter4.jpg[/img]

[img]Bilder/PD_09.jpg[/img]

[img]Bilder/Platzhalter4.jpg[/img]

[img]Bilder/PD_09.jpg[/img]

</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>
[img]Bilder/PA_Design_11.jpg[/img]
</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>
[img]Bilder/PD_11.jpg[/img]

[img]Bilder/Platzhalter5.jpg[/img]

[img]Bilder/PD_11.jpg[/img]

[img]Bilder/Platzhalter5.jpg[/img]

[img]Bilder/PD_11.jpg[/img]

[img]Bilder/Platzhalter5.jpg[/img]

[img]Bilder/PD_11.jpg[/img]

[img]Bilder/Platzhalter5.jpg[/img]

[img]Bilder/PD_11.jpg[/img]

</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>
[img]Bilder/PA_Design_13.jpg[/img]
</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>
[img]Bilder/PD_13.jpg[/img]

[img]Bilder/Platzhalter6.jpg[/img]

[img]Bilder/PD_13.jpg[/img]

[img]Bilder/Platzhalter6.jpg[/img]

[img]Bilder/PD_13.jpg[/img]

[img]Bilder/Platzhalter6.jpg[/img]

[img]Bilder/PD_13.jpg[/img]

[img]Bilder/Platzhalter6.jpg[/img]

[img]Bilder/PD_13.jpg[/img]

[img]Bilder/Platzhalter6.jpg[/img]

[img]Bilder/PD_13.jpg[/img]

</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
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!