Hallo, leute habe da eine Frage an euch ??
Ich benutze das Hier Das perfekte Menü: Klappmenü: Navigieren in Dimensionen
Nun möchte ich eine ebene Hinzufügen, weiss aber nicht genau wie ich davor gehen soll.
Und der css code
In der Bescgreinung steht das.
Das Menu beherrscht in der jetztigen Version drei Ebenen. Für jede zusätzlich gewünschte Ebene ist das entsprechendes Selektorenpaar bei display: none und display:block hinzuzufügen.
Ich bekomme es aber nicht hin
Ich benutze das Hier Das perfekte Menü: Klappmenü: Navigieren in Dimensionen
Nun möchte ich eine ebene Hinzufügen, weiss aber nicht genau wie ich davor gehen soll.
HTML:
<div id="menu">
<ul>
<li><h2>Titel 1</h2>
<ul>
<li><a href="#">eins</a></li>
<li><a href="#">zwei ...</a>
<ul>
<li><a href="#">zwei a</a></li>
<li><a href="#">zwei b</a></li>
<li><a href="#">zwei c</a></li>
<li><a href="#">zwei d</a></li>
</ul>
</li>
<li><a href="#">drei ...</a>
<ul>
<li><a href="#">drei a</a></li>
<li><a href="#">drei b ...</a>
<ul>
<li><a href="#">drei
b i</a></li>
<li><a href="#">drei
b ii</a></li>
<li><a href="#">drei
b iii</a></li>
</ul>
</li>
<li><a href="#">drei c</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
HTML:
#menu { width: 80px; background: #eee; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px; border-style: solid; border-color: #ccc #888
#555 #bbb;
margin: 0; padding: 2px 3px; }
#menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase;
}
#menu a { color: #000; background: #efefef; text-decoration: none; }
#menu li { position: relative; }
#menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }
div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}
#menu a:hover { color: #a00; background: #fff; }
Das Menu beherrscht in der jetztigen Version drei Ebenen. Für jede zusätzlich gewünschte Ebene ist das entsprechendes Selektorenpaar bei display: none und display:block hinzuzufügen.
Ich bekomme es aber nicht hin