Hi ich habe folgendes Problem:
Das Menü an sich funktioniert allerdings sollen die einzelnen Bandmitglieder.....also Untermenüpunkten erst erscheinen wenn man
auf Band....also den eigentlichen Menüpunkt mit der Maus fährt und nicht schon vorher zu sehen sind...
mein code is folgender:
TEXT ÜBER DEM DESIGN:
<div id="Testdesign">
<div id="oben">
</div>
<div id="feld_links">
<ul id="navi">
<li>
<a href="http://slaughteredexistence.de.tl/News.htm" id="akt">News</a>
</li>
</style><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>
<div class="feld_links_u">
<li><a href="http://slaughteredexistence.de.tl/band.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Band</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://slaughteredexistence.de.tl/Erik.htm">Erik</a></li></div>
<li>
<a href="http://slaughteredexistence.de.tl/medien.htm">Medien</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/shows.htm">Shows</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/G.ae.stebuch.htm">Gästebuch</a>
</li>
<li>
<a href="http://slaughteredexistence.de.tl/links.htm">Links</a>
</li>
<li><a href="http://slaughteredexistence.de.tl/Kontakt.htm">Kontakt</a>
</li>
</ul>
</div>
CSS CODE:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
a{color:#ffffff; font-size: 14px; text-decoration: none;}
a:hover {color: #ffffff; font-size: 14px; text-decoration: none;}
a:link {color: #ffffff; font-size: 14px; text-decoration: none;}
a:active {color: #ffffff; font-size: 14px; text-decoration: none;}
a:visited {color: #ffffff; font-size: 14px; text-decoration: none;}
body {background-color:#000000;
background-image:url(http://img36.imageshack.us/img36/8408/blackflame.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
* { padding: 0; margin: 0; }
#Testdesign {
margin: 0 auto;
width: 922px;}
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border:0 px solid #000000;
height: 200px;
margin: 10px 0px 0px 0px;
background-image:url(http://img257.imageshack.us/img257/2251/mybanner4a0b17c9bdc23.jpg);
background-position: center;
background-repeat: no-repeat;
}
#feld_links {
color: #000000;
border: 1px solid #000000;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;}
#feld_links_u {
color: #000000;
border: 1px solid #000000;
background: #990000;
filter:alpha(opacity=00);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 160px;
float: left;
display: none;}
#content {
float: right;
color: #000000;
border: 0px solid #07417C;
background: #990000;
filter:alpha(opacity=81);
-moz-opacity:0.81;
opacity:0.81;
-khtml-opacity:0.81;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 320px;
width: 718px;
display: inline;
overflow:auto;}
#sockel {
width: 900px;
clear: both;
color: #000000;
border: 1px solid #000000;
background: #000000;
margin: 0px 0px 10px 0px;
padding: 10px;}
#navi {
margin: 0;
padding: 0;
width: 150px;}
#navi ul, #navi li{
list-style-type: none;
padding-top: 2px;
font-weight: bold;}
#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 5px;}
#navi a:link, #navi a:visited {
color: #FFFFFF;
background-color: #000000;
background-image:url(http://img16.imageshack.us/img16/8462/buttonxrl.jpg);}
#navi #akt {
color: #FFFFFF;
background-color: #7F0000;}
#navi a:hover, #navi a:hover#akt {
color: #FFFFFF;
background-color: #000080;}
background-image: url();
#oben {
color: #FFFFFF;
width: 900px;
float: left;
padding: 10px;
border: 1px solid #07417C;
height: 60px;
margin: 10px 0px 0px 0px;
background: #07417C;}
Danke schonmal im Vorraus