Ich würde mein Design gerne so anfertigen, daß ich in einer linken Spalte das erste Menü als vertikales Menü habe, wobei Ebene 2 nicht von vornherein sichtbar sein soll, sondern erst nach rechts "ausfliegen" soll, wenn ich mit der Maus über Ebene 1 fahre.
Die folgende Technik (reines css)wollte ich dafür verwenden.(Meine linke Spalte für die Boxen ist 180px breit)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | #menue .aussen {display: block;width: 180px;height: 20px;text-decoration: none;color: #FFFFFF;background-image:url(mabg.jpg);}#menue .aussen:hover {color: #FF0000;background-image:url(marollover.jpg);}#menue .aussen:hover a.innen{display: block;position: relative;top:-20px;left:178px;}a.innen{display: none;width: 180px;padding: 0px 0;text-decoration: none;background-color: #CCCCCC;color: #FFFFFF;}<div id="menue"> <div class="aussen"><span >quasi Ebene 1</span><a class="innen" href="#">Link1 ebene2</a><a class="innen" href="#">link2 ebene2</a><a class="innen" href="#">link3 ebene2</a> </div></div> |
Sowas klappt normal auch ganz wunderbar, nur bekomme ich diese Strucktur nicht über die index.htm hingefriemelt. Und ich möchte wirklich gerne die Admin-Navigation verwenden um das Menü zu steuern.
Meine index.htm enthält folgenden Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <td width="180" valign="top"> <div id="left_nav"> {_list_menunr1@ <div class="head_navi">%1 </div>%2} </div>...{_list_vmenupoint@<a target="%1" href="%2">%3</a>||<br /><div class="ebene2" >|</div>} {_list_vmenubegi@<ul>} {_list_vmenuende@</ul>} |
Die daraus resultierende Struktur bekomme ich patu nicht in css so differenziert, daß es so läuft wie im o.a. Beispiel.
Irgendwo habe ich da immer ein Problem:'(. Bestimmt unnütz, aber sei mein derzeitiger CSS-Code auchnoch aufgeführt:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | #left_nav ul a{ display: block;width: 180px;height: 20px;font-weight: bold;text-align: center;text-decoration: none;color: #FFFFFF;background-image:url(mabg.jpg);}#left_nav ul .submenu a{display:none;}#left_nav ul a:hover + .submenu a{display:block;position:relative;top:-18px;left:178px;color: #FFFFFF;} |
Für Hilfe wäre ich sehr dankbar.
MfG Fleet
P.S.: Ich habe hier schon dropdown-Menüs gefunden, die auf click dynamisch größer werden und ebenen2-inhalte preisgeben. Das ist aber nicht das was ich mir vorgestellt habe. Ich möchte, daß es über dem mittleren Content angezeigt wird(ausfliegt bzw erscheint).
