Hauptmenüpunkte aktiv?

[katnow]

Hallo,

ich habe ein Problem, vielleicht kann mir ja jemand helfen.

Bei folgendem Menü www.ka-en.de/efg/index.php sollen die Hauptmenüpunkte aktiv bleiben, wenn man mit der Maus auf das Untermenü fährt. Ist dies grundsätzlich möglich? Wenn ich das weiß, kann ich weiter rumprobieren...:-)


Viele Grüße,

Katja Nowak

[bizon]

Hallo,

ja das geht. Schau mal im Original CSS von MenuMatic, da gibt es die Klassen .subMenuParentBtn und .subMenuParentBtnFocused, die dafür gedacht sind.

[katnow]

Mmmh, krieg ich nicht hin.

Ich hab das mal so eingesetzt, passiert aber garnix...:-(

#mainmenue ul.level_1 li.submenu a:hover,#mainmenue ul.level_1 li span.active,#mainmenue ul.level_1 li.trail a, #mainmenue ul.level_1 li.submenu a:focus,#mainmenue ul.level_1 li .subMenuParentBtnFocused

{background: url("../../tl_files/efg/layout/bg-mainnavi.png") center top no-repeat;}

[do_while]

Hallo katnow,

es gehört nicht zu Deiner Frage, aber unten an der Seite hängen Fehlermeldungen dran. Schon gesehen?
Mir sieht es so aus, als ob keine Schreibrechte im Server-Verzeichnis /var/tmp existieren.

[katnow]

Bist du sicher? Ich seh nix. Vor ein paar Tagen hing da was aufgrund von Stratoproblemen.... ich leer mal den Cache.

Mmmh, seh immer noch nix.

Wahrscheinlich ist mein Bildschirm zu klein..:-)

[katnow]

Kann mir jemand bitte erklären, was subMenuParentBtnFocused macht? Ich finde dazu keine Erklärung im Netz und das menumatic lässt sich schwer adaptieren....

Liebe Grüße,

Katja

[do_while]

Bist du sicher? Ich seh nix. Vor ein paar Tagen hing da was aufgrund von Stratoproblemen.... ich leer mal den Cache.

Mmmh, seh immer noch nix.

Wahrscheinlich ist mein Bildschirm zu klein..:-)

Die Fehlermeldungen lauten:

Warning: Unknown: open(/var/tmp/0/8/sess_08nnqmpe137i6opo3cokdl9pc7, O_RDWR) failed: Permission denied (13) in Unknown on line 0

#0 [internal function]: __error(2, 'Unknown: open(/...', 'Unknown', 0, Array)
#1 {main}


Warning: Unknown: Failed to write session data (files). Please verify that the current setting of session.save_path is correct (2;/var/tmp) in Unknown on line 0

#0 [internal function]: __error(2, 'Unknown: Failed...', 'Unknown', 0, Array)
#1 {main}

Das findest Du auch im Quellcode.

[bizon]

Hast du das Original MenuMatic CSS gelesen? Es gibt da diese 4 Klassen. Außerdem ist das CSS ist sehr schlank, mit kurzer Ansprache der Selektoren.

.mainMenuParentBtn,
.mainMenuParentBtnFocused {...}

.subMenuParentBtn,
.subMenuParentBtnFocused {...}

Mehr Schreibweise ist eigentlich nicht nötig. Es sei denn, du möchtest speziell die a oder die li Tags ansprechen, dann setze die einfch davor.

Du hast dich mit deiner Lösung sehr weit vom Original entfernt und verwendest unnötig lange Selektoren. Das macht das lesen und prüfen schwer.

[Andreas]

Dein Menumatic ist nicht richtig aufgesetzt. Die Effekte, die du im Moment siehst werden mit CSS transition umgesetzt.

Ich kenne Menumatic nicht gut, es kann sein, dass der Menüpunkt, dessen Kinder gehovert werden, per JS eine Klasse verpasst bekommen. Mit Firebug kontrollieren. Aber erst Menumatic richtig aufsetzen.

Ansonsten kannst du den Eltern von Kindern die gehovert werden mit MooTools ne Klasse verpassen.

<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('domready', function(){

  var kinder = $$('.mod_navigation li li');

  kinder.addEvents({
    mouseenter: function(){
      this.getParents('li').addClass('meineKinderWerdenGehovert');
    },
    mouseleave: function(){
      this.getParents('li').removeClass('meineKinderWerdenGehovert');
    }
  });

});
/* ]]> */
</script>

ps 'Newsletter abonnieren' mod_subscribe ist doch bestimmt kein Contao-Modul, oder? Das ist voller Fehler. - Du hast zwei Lightboxen eingebunden mediabox und slimbox, macht das Sinn? - Das Template moo_analytics muss angepasst werden, sonst macht das keinen Sinn (siehe Kommentar im Template). - Brauchst du wirklich das chosen? - Hast du wirklich ein Accordion im Einsatz?

[katnow]

Meine Kinder werden gehovert? Schön wärs.:-)

JAAAAAAAA, mit dem js funktioniert es, sehr cool. Den anderen Quatsch habe ich weggemacht, danke für den Tipp. Newsletter war aber ein normales Contao-Modul, was ich einfach nur eingebunden habe... brauch ich aber eh nicht mehr.

Wenn ich jetzt allerdings einen Untermenupunkt ausgewählt habe, funktioniert das hover nicht mehr bei den anderen!!


Lieben Dank noch mal für Eure Hilfe.

Ist denn die Fehlermeldung, die ich selbst noch nie gesehen habe, noch da?

LG, Katja

[do_while]

Ist denn die Fehlermeldung, die ich selbst noch nie gesehen habe, noch da?

Nein, jetzt ist sie weg, auch im Quellcode ist nichts mehr davon zu sehen.

[Andreas]

...Wenn ich jetzt allerdings einen Untermenupunkt ausgewählt habe, funktioniert das hover nicht mehr bei den anderen!!...

Weil das Script auf den anderen Seiten nicht eingebunden ist.

ps Schau mal, warum du am Ende deines Markups einen schließenden DIV hast </div>. fe_page fehlerhaft geändert?

[katnow]

Oh, wie recht du hast...:-)

Kannst du mir noch bitte, bitte sagen, wo ich dann ändern muss, dass die Oberpunkte, wenn man runterfährt, ne weiße Schrift kriegen und nicht mehr nach rechts springen? Ich probiere und probiere...

Das div ist jetzt wohl hoffentlich weg, danke für den Tipp!! Hab versucht, den Footer aus dem wrapper zu kriegen...

[Juke]

versuch mal in dem JS "navihaupt" gegen "trail" zu ersetzen ...
weil, ==> Edit: für die Klasse .trail ist sowohl Hintergrundbild als auch Schriftfarbe weiß definiert.
Wenn man also über die Kinder hovert hat der Oberpunkt die Klasse trail und damit auch weiße Schrift.
Ich habe was Ähnliches, da funktioniert es so. ;-)

[Andreas]

Puh, sehr kompliziertes CSS, viel zu lange Selektoren. Mit diesem Selektor werden die normalen Hauptpunkte formatiert

#mainmenue ul.level_1 li a, #mainmenue ul.level_1 li span.active

Welcher genausogut

#mainmenue a, #mainmenue span

heißen könnte.
Mit dem Selektor .navihaupt bekommst du das nicht mehr überschrieben, weil der erste Selektor eine viel höhere Wertung in der Cascade hat. Eigentlich müsste man das CSS für die Navi erstmal aufräumen. Aber versuch mal diesen Selektor

#mainmenue ul.level_1 li.submenu a:hover, #mainmenue ul.level_1 li span.active, #mainmenue ul.level_1 li.trail a, #mainmenue ul.level_1 li.submenu a:focus

zu ergänzen

#mainmenue ul.level_1 li.submenu a:hover, #mainmenue ul.level_1 li span.active, #mainmenue ul.level_1 li.trail a, #mainmenue ul.level_1 li.submenu a:focus, #mainmenue ul.level_1 li.navihaupt > a

[katnow]

He Andreas,

hat super geklappt, dein Vorschlag. Jetzt zuckt nur noch das Hauptmenüpunkt ein wenig nach rechts, dann ist alles perfekt und ich werde dich den ganzen Tag in Gedanken umarmen...

[Andreas]

lol - hast du mal den Tipp von Juke probiert?

[katnow]

Ja klar, denn Juke ist mein persönlicher Schatz, aber wenn ich dann runterfahre, sind die ganzen hover-Einstellungen für das Untermenü weg.... es wird quasi alles unterlegt, wie man sehen kann.

[Juke]

Das JS kann man sich sparen.
Mit li:hover a geht es auch, wie ich in der Zwischenzeit herausgefunden habe.
Muss man nur die Eigenschaften in 2.Ebene wieder "enterben".

Zum Weiterlesen
https://www.contao-community.de/show...975#post217975