CSS Verständnisfrage

[the_scrat]

Hallo zusammen,

ich nutze das MenuMatic Navigationsmenü auf einer Seite.
Es gibt ja mehrere Stati für ein Menü inkl. Submenus. Mir wäre nur der Status des obersten Elements wichtig wenn ich mit der Maus in ein Submenü fahre.
Mit Bildern lässt es sich besser erklären.

Status (class: active)




Status (:hover)



Aber wie ist der Status, wenn ich mit der Maus ins Menü fahre? Dann verschwindet logischerweise der :hover Status, aber ich hätte gerne, dass die Grafik weiterhin angezeigt wird.



Jemand eine Idee?

Vielen Dank schonmal.
Gruß
Michael

edit: Hab erst nach abschicken des Threads gesehen, dass es einen Bereich Navigation gibt, in den die Frage wohl besser reinpasst. Könnte es ein Moderator dort bitte dort reinschieben? Danke

[vilife]

Probiers mit der Klasse "trail".
<li class="submenu trail">

Ansonsten gib bitte den Quellcode / einen Link zur Seite.

lg

[the_scrat]

Hi,
danke für die schnelle Reaktion.

Die Klasse .trail war es nicht. Die gibts es ja generell nur statisch wenn ein untermenüpunkt angeklickt wurde und nicht "zur Laufzeit".

Gelöst habe ich es jetzt über die Klasse .mainMenuParentBtnFocused

Die hat allerdings den Nachteil, dass sie nur im <a Element verfügbar ist.
Die Navigationsbuttons sind werden aber über das li Element und das a Element erzeugt. Mit 2x Background:
Die Klasse .mainMenuParentBtnFocused deckt jedoch nur ein Element.. Schade, muss ich auf ne einfache Grafik zurückgreifen.

Aber immerhin besser als garnix :-)

[stefan-at-work]

schau mal hier

[the_scrat]

Hi,

danke für den Link. Hab ich mal ausprobiert, funktioniert auch in dem Beispiel, aber leider nicht in Zusammenhang mit MenuMatic. Der eigentliche Aufbau des Menüs ist ja generell:

<ul>
<li><a href="#">Hauptpunkt</a>
  <ul>
    <li><a href="#">Submenu</a></li>
  </ul>
</li>
</ul>

Im MenuMatic wird aber die Submenüebene ausgelagert (zumindest sieht man es so im DOM).

Dann wird aus dem oberen Code:

<ul>
<li><a href="#">Hauptpunkt</a></li>
</ul>

<div id="#subMenuContainer">
<div class="smOW">
  <ul>
    <li><a href="#">Submenu</a></li>
  </ul>
</div>
</div>

Naja, mal schauen, die Hilfsklasse mit dem .mainMenuParentBtnFocused reicht zwar nicht um mein gewünschtes Aussehen zu erreichen, aber zumindest kann ich noch etwas damit anstellen. Hätte ja sein können, dass es einen eigenen "Zustand" für meine Konstellation gibt.

[xchs]

Da Du hier im Thread immer von "MenuMagic" sprichst: Du meinst schon das MooTools Aufklappmenü "MenuMatic" oder?

[the_scrat]

Ähm, ja genau, das meine ich..... ich besser mal oben aus, hab mich verschrieben