Ergebnis 1 bis 8 von 8

Thema: Aktiver Button soll nicht "hovern" bei MenuMatic

  1. #1
    Contao-Nutzer Avatar von Rock Rebel
    Registriert seit
    24.06.2009.
    Ort
    Berlin
    Beiträge
    135

    Standard Aktiver Button soll nicht "hovern" bei MenuMatic

    Ich habe die MenuMatic-Navi verbaut. Alles soweit super.



    Zwei Fragen habe ich aber:
    • Ein aktiver Link soll sich bei Mausüberfahrt nicht verändern, bei mir "hovert" aber das Hintergrundbild. Wie kann ich das ändern?
    • Wenn ich mit der Maus auf einen Button fahre klappt das Untermenu aus. Klicke ich auf diesen Button, verschiebt sich das Menu kurz nach unten. Ein kleiner, aber von mir nicht gewollter Schönheitsfehler (ich weiss - Geschmack ist relativ). Wie kann ich das ändern?
    Ich habe schon einiges probiert, allerdings bisher ohne Erfolg.
    Die Seite könnt ihr Euch hier ansehen.

    @Admin: Vielleicht muss der Beitrag ins MooTools-Forum. Dann bitte verschieben.
    Viele Grüße
    The Rebel

  2. #2
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    .active nicht hovern
    Code:
    #subMenusContainer li.active a:hover{background:( wie normaler li ;cursor:default}
    verspringen
    Code:
    #nav li
    #nav li.active
    haben bei dir unterschiedliche heights.

  3. #3
    Contao-Nutzer Avatar von Rock Rebel
    Registriert seit
    24.06.2009.
    Ort
    Berlin
    Beiträge
    135

    Standard

    Den Code habe ich eingebaut und die heights korrigiert. Funktioniert aber leider nicht.
    Viele Grüße
    The Rebel

  4. #4
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    .active nicht hovern klappt jetzt, wie ich gesehen habe.

    Das zweite Problem mit dem Verspringen liegt wohl an folgender Zeile im MenuMatic.css
    Code:
    #nav li a:focus + ul{margin-top:2.2em;margin-left:0;}
    Deine Zeilen sollen 22px hoch sein. Das o.g. margin-top:2.2em ist aber abhängig von der Systemschrift und passt nicht zu deiner Zeilenhöhe. Ändere das in 22px.

  5. #5
    Contao-Nutzer Avatar von Rock Rebel
    Registriert seit
    24.06.2009.
    Ort
    Berlin
    Beiträge
    135

    Standard

    Hallo bizon, klappt jetzt mit den 22px - danke.

    .active nicht hovern klappt jetzt, wie ich gesehen habe.
    naja - nicht wirklich.
    Wenn Du z.B: die News aktivierst, hovert das Untermenu mit dem Active-Button weiter. Die Schrift bleibt dabei allerdings weiss und wird nicht schwarz.

    Ich glaube ich blicke da bei der Veerbung nicht durch.
    Viele Grüße
    The Rebel

  6. #6
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    Code:
    #nav a:hover {color:#000;}

  7. #7
    Alter Contao-Hase Avatar von bizon
    Registriert seit
    16.06.2010.
    Beiträge
    1.125

    Standard

    kleine Korrektur
    Code:
    #nav li li a:hover {color:#000;}

  8. #8
    Contao-Nutzer Avatar von Rock Rebel
    Registriert seit
    24.06.2009.
    Ort
    Berlin
    Beiträge
    135

    Standard

    Noch ein kleine Korrektur, hatte nämlich auch nicht so funktioniert wie ich das wollte.

    Code:
    #nav li.active li a:hover
    Viele Grüße
    The Rebel

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •