ich habe ein menü mit untermenüs:
jetzt habe ich in meinem Html code noch
wenn ich jedoch noch ein untermenü hinzufügen will kommt zwar das untermenü jedoch schon vor dem onmouseover ich möchte gerne dass das untermenü erst beim onmouseover erscheint
danke
Code:
#menu {
margin-top: 0em;
width: 10em;
background: none);
float: left;
text-align: center;
position: relative;}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu a {
font: 14px/16px Calibri, arial ;
display: block;
border-width: 100;
border-style: solid;
border-color: none;
margin-top: 1000;
padding: 11px 11px;
}
#menu a {
color: #0000ff;
background-image:url(../IMAGES/onmouseout.png);
text-decoration: none;
}
#menu a:hover {
color: #0000ff;
background-image:url(../IMAGES/onmouseover.png) ;
}
#menu li {
position: relative;
}
jetzt habe ich in meinem Html code noch
HTML:
<div id="menu">
<ul>
<li>
<ul>
<li><a href="Geschichte.html" title="Geschichte">Geschichte</a></li>
<li><a href="Anfahrt.html" title="Anfahrt">Anfahrt</a>
</li>
<li><a href="Vorstand.html" title="Vorstand">Vorstand</a></li>
<li><a href="Mannschaften.html" title="Mannschaften">Mannschaften</a>
<ul>
<li><a href="Alte_Herren.html" title="Alte Herren">Alte Herren</a></li>
<li><a href="1. Männer.html" title="1. Männer">1. Männer</a></li><li><a href="2. Männer.html" title="2. Männer">2. Männer</a>
</li>
<li><a href="B Junioren.html" title="B Junioren">B Junioren</a></li>
<li><a href="C Junioren.html" title="C Junioren">C Junioren</a></li>
<li><a href="D Junioren.html" title="D Junioren">D Junioren</a></li>
<li><a href="E1 Junioren.html" title="E1 Junioren">E1 Junioren</a></li>
<li><a href="E2 Junioren.html" title="E2 Junioren">E2 Junioren</a></li>
<li><a href="F Junioren.html" title="F Junioren">F Junioren</a></li>
</ul>
</li>
wenn ich jedoch noch ein untermenü hinzufügen will kommt zwar das untermenü jedoch schon vor dem onmouseover ich möchte gerne dass das untermenü erst beim onmouseover erscheint
danke