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)
#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:
<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:
#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).
