fightingfarmer
New member
Hallo Auf meiner Seite sollen 2 Menues entstehen. Eins ganz oben an der Seite und eins (evtl. sogar gleiches design) etwas weiter unten, dazwischen liegt ein Bild.
Das erste Menue läuft ohne Probleme aber sobald ich ein zweites einfüge läuft es nicht oder das erste verschwindet. Die Menues stören sich also gegenseitig. Wie kann ich das vermeiden?
<style type="text/css">
body { margin-left:0px; margin-top:0px}
p,div,table,ul,ol { margin-left:0px; }
</style>
<style type="text/css" media="screen">
<!--
body
{
font-family: Franklin, sans-serif;
font-size: 12px;
overflow: auto;
padding: 0px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: 4px;
}
.menu li
{
width: 111px;
float: left;
}
.menu a
{
border: 1px solid #888;
background-color: #B3B3B3;
text-decoration: none;
text-align: center;
font-weight: 900;
cursor: default;
margin: 0px 1px;
display: block;
height: 16px;
color: #000;
}
.menu a:hover
{
background-color: #688BB3;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
font-size: 9px;
display: none;
width: 114px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<base target="Unten">
</head>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<body>
<div class="menu">
<ul>
<li><a href="index.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">GFL</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.mercenaries.de">Marburg Mercenaries</a></li>
<li><a href="http://munich-cowboys.de">Munich Cowboys</a></li>
<li><a href>Plattling Black Hawks</a></li>
<li><a href>Schwäbisch Hall Unicorns</a></li>
<li><a href>Stuttgart Scorpions</a></li>
<li><a href="http://www.weinheim-longhorns.de">Weinheim Longhorns</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');"
onmouseout="cache('smenu2');">GFL 2</a> <ul id="smenu2" onmouseover="montre('smenu2');"
onmouseout="cache('smenu2');">
<li><a href>Darmstadt Diamonds</a></li>
<li><a href>Franken Knights</a></li>
<li><a href>Kaiserslautern Pikes</a></li>
<li><a href>Kirchdorf Wildcats</a></li>
<li><a href>Montabaur Fight. Farmers</a></li>
<li><a href>Rhein Neckar Bandits</a></li>
<li><a href>Saarland Hurricanes</a></li>
<li><a href>Wiesbaden Phantoms</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');"
onmouseout="cache('smenu3');">Regionalliga</a> <ul id="smenu3"
onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href>Subkategorie 3.1</a></li>
<li><a href>Subkategorie 3.2</a></li>
<li><a href>Subkategorie 3.3</a></li>
<li><a href>Subkategorie 3.4</a></li>
<li><a href>Subkategorie 3.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');"
onmouseout="cache('smenu4');">Bayernliga</a> <ul id="smenu4"
onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href>Subkategorie 4.1</a></li>
<li><a href>Subkategorie 4.2</a></li>
<li><a href>Subkategorie 4.3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');"
onmouseout="cache('smenu5');">Verbandsliga</a> <ul id="smenu5"
onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href>Subkategorie 1.1</a></li>
<li><a href>Subkategorie 1.2</a></li>
<li><a href>Subkategorie 1.3</a></li>
<li><a href>Subkategorie 1.4</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');"
onmouseout="cache('smenu6');">Aufbauliga</a> <ul id="smenu6"
onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href>Subkategorie 1.1</a></li>
<li><a href>Subkategorie 1.2</a></li>
<li><a href>Subkategorie 1.3</a></li>
<li><a href>Subkategorie 1.4</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu7');"
onmouseout="cache('smenu7');">non League</a> <ul id="smenu7"
onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href>Subkategorie 1.1</a></li>
<li><a href>Subkategorie 1.2</a></li>
<li><a href>Subkategorie 1.3</a></li>
<li><a href>Subkategorie 1.4</a></li>
</ul>
</li>
</ul>
</div><div class="pd_menu_01 ">
Das erste Menue läuft ohne Probleme aber sobald ich ein zweites einfüge läuft es nicht oder das erste verschwindet. Die Menues stören sich also gegenseitig. Wie kann ich das vermeiden?
<style type="text/css">
body { margin-left:0px; margin-top:0px}
p,div,table,ul,ol { margin-left:0px; }
</style>
<style type="text/css" media="screen">
<!--
body
{
font-family: Franklin, sans-serif;
font-size: 12px;
overflow: auto;
padding: 0px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.menu
{
position: absolute;
z-index: 3;
top: 0px;
left: 4px;
}
.menu li
{
width: 111px;
float: left;
}
.menu a
{
border: 1px solid #888;
background-color: #B3B3B3;
text-decoration: none;
text-align: center;
font-weight: 900;
cursor: default;
margin: 0px 1px;
display: block;
height: 16px;
color: #000;
}
.menu a:hover
{
background-color: #688BB3;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
font-size: 9px;
display: none;
width: 114px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>
<base target="Unten">
</head>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<body>
<div class="menu">
<ul>
<li><a href="index.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">GFL</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.mercenaries.de">Marburg Mercenaries</a></li>
<li><a href="http://munich-cowboys.de">Munich Cowboys</a></li>
<li><a href>Plattling Black Hawks</a></li>
<li><a href>Schwäbisch Hall Unicorns</a></li>
<li><a href>Stuttgart Scorpions</a></li>
<li><a href="http://www.weinheim-longhorns.de">Weinheim Longhorns</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');"
onmouseout="cache('smenu2');">GFL 2</a> <ul id="smenu2" onmouseover="montre('smenu2');"
onmouseout="cache('smenu2');">
<li><a href>Darmstadt Diamonds</a></li>
<li><a href>Franken Knights</a></li>
<li><a href>Kaiserslautern Pikes</a></li>
<li><a href>Kirchdorf Wildcats</a></li>
<li><a href>Montabaur Fight. Farmers</a></li>
<li><a href>Rhein Neckar Bandits</a></li>
<li><a href>Saarland Hurricanes</a></li>
<li><a href>Wiesbaden Phantoms</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');"
onmouseout="cache('smenu3');">Regionalliga</a> <ul id="smenu3"
onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href>Subkategorie 3.1</a></li>
<li><a href>Subkategorie 3.2</a></li>
<li><a href>Subkategorie 3.3</a></li>
<li><a href>Subkategorie 3.4</a></li>
<li><a href>Subkategorie 3.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');"
onmouseout="cache('smenu4');">Bayernliga</a> <ul id="smenu4"
onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href>Subkategorie 4.1</a></li>
<li><a href>Subkategorie 4.2</a></li>
<li><a href>Subkategorie 4.3</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');"
onmouseout="cache('smenu5');">Verbandsliga</a> <ul id="smenu5"
onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href>Subkategorie 1.1</a></li>
<li><a href>Subkategorie 1.2</a></li>
<li><a href>Subkategorie 1.3</a></li>
<li><a href>Subkategorie 1.4</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu6');"
onmouseout="cache('smenu6');">Aufbauliga</a> <ul id="smenu6"
onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href>Subkategorie 1.1</a></li>
<li><a href>Subkategorie 1.2</a></li>
<li><a href>Subkategorie 1.3</a></li>
<li><a href>Subkategorie 1.4</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu7');"
onmouseout="cache('smenu7');">non League</a> <ul id="smenu7"
onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href>Subkategorie 1.1</a></li>
<li><a href>Subkategorie 1.2</a></li>
<li><a href>Subkategorie 1.3</a></li>
<li><a href>Subkategorie 1.4</a></li>
</ul>
</li>
</ul>
</div><div class="pd_menu_01 ">