Zum Inhalt springen

G-Menu Rollover flattert in Mozilla u. Firefox

Erstellt am 22. November 2005 · 4 Antworten · letzte Antwort am 22. November 2005

Tags: Frage

michelle.​smile ·

hallo, habe ein Problem mit meiner Navigation, auf Mac Explorer, Safari und Opera funktioniert alles bestens. Mit Mozilla und Firefox swichen die Links beim Rollover nach unten. Hier der Link um die Seite anzusehen.
http://db.neuzeit.ch/typo3/
und hier mein Typoscript Code, hat wahrscheinlich irgendwo ein kleiner Bock drin, bin froh um jede Hilfe. Besten Dank

 #erstellt die untere Navigation Aktuell MENU_A
    MENU_A = HMENU
    MENU_A {
    special = directory
    special.value = 28
    1 =GMENU
    1.NO =1
    1.NO {
        wrap = | <br />
        XY = 134, 30 || 134,20
        backColor = #000000

        # Text auf den Menupunkt rendern
        10 = TEXT
        10.text.field = title
        10.fontColor = #FFFFFF || #CCCCCC
        10.fontFile = fileadmin/fonts/AKZIGBL_.TTF || fileadmin/fonts/AKZIGB__.TTF
        10.fontSize = 14 || 13
        10.niceText = 1
        10.offset = 8, 25 || 17,15
         }
                 # setzt den TextRollover
                 1.RO < .1.NO
                 1.RO.10.fontColor = #FF9900
            
                 #setzt den CUR-Zustand
                 1.CUR < .1.RO
                 2. < .1
       }
Moeffz ·

Hallo,

was genau bezweckst Du mit dieser Zeile:

XY = 134, 30 || 134,20

?

Änder die mal testweise in

XY = 134, 30

Beim aktuellen Menüeintrag ist nämlich die Höhe immer 20, bei allen anderen 30. Gleiches dürfte für den RO gelten.

Wenn Du Dir mit der Maus mal mehrere Einträge von unten beginnend markierst, siehst Du etwas mehr von dem Effekt.

michelle.​smile ·

danke für deine Antwort, der erste Wert (134,30) gilt für den Button AKTUELL, 134,20 für die unteren Buttons Neues im Web etc. Wenn ich den Wert lösche ist sind alle viel zu weit auseinander, habe das ganze mal kurz geändert, kannst es mal angucken. Ändert leider nicht am Problem.
XY = 134, 30 || 134, 20

waldosparding ·

Ist wohl ziemlich einfach:

Ich geb dir mal nen Tip: Surf mit Firefox und hol dir die Web-Developer-Extension.
Ich hab das bei mir drin, also:
1. Seite aufgerufen
2. Web-Developer: CSS bearbeiten
Und was sah ich:

a:hover      { color: #ff9900; font-size: 13px; font-weight: bold; text-decoration: underline; padding-bottom: 2px }

Beim hover setzt du padding auf 2px, bei nomralem Link nicht, dieser Style wird aber auch auf Grafiken, die Links sind, angewendet.