CSS: Superfish .block overflow:visible

[ZOOTV]

Grüß Euch.

Könnt mir bitte jemand von den Spezialisten von der Leitung helfen auf welcher ich gerade stehe.

Ich verwende diese Superfish Navigation.
In dieser ist .block mit overflow:visible definiert.

Natürlich kommt .block in anderen Modulen auch zum Einsatz und ich habe das Problem, dass sich dies dann ungewollt auswirkt.

Ich habe versucht dem Modul Navigation eine ID zu verpassen [#navH] und eben #navH .block mit overflow:visible definiert, doch das wird nicht angenommen.

Link zu meinem Projekt.

[Spooky]

Ich habe versucht dem Modul Navigation eine ID zu verpassen [#navH] und eben #navH .block mit overflow:visible definiert, doch das wird nicht angenommen.

Link zu meinem Projekt.

Der style scheint aktuell nicht vorhanden zu sein? Außerdem müsstest du den Selector mit #navH.block definieren, nicht #navH .block. Und dann reicht eigentlich auch #navH, weil #navH sowieso schon eindeutig ist .

Um dein Problem zu lösen, ohne dass du das Stylesheet "superfish" veränderst (falls du das nicht möchtest), müsstest du ein zusätzliches Stylesheet hinzufügen und nach dem superfish stylesheet reihen, mit folgendem CSS:

.block {
    overflow: hidden !important;
}

#navH {
    overflow: visible !important;
} 

[Samson1964]

.block {
    overflow: visible !important;
}

Diese Anweisung in superfish.css ärgert mich nach jedem Update von Superfish, weil ständig alle nachfolgenden block-Definitionen überschrieben und die Seitenelemente verhunzt werden. Bisher lösche ich "!important" immer manuell heraus.

[lionel]

Diese Anweisung in superfish.css ärgert mich nach jedem Update von Superfish, weil ständig alle nachfolgenden block-Definitionen überschrieben und die Seitenelemente verhunzt werden. Bisher lösche ich "!important" immer manuell heraus.

Dieser Code (rule) sollte nicht vorhanden sein, und ich werde es für das nächste Update löschen.

[Samson1964]

Fein, ist behoben...
Die Anweisung

.block {
    overflow: visible !important;
} 

bzw. mein Patch

.block {
    overflow: visible;
} 

ist allerdings jetzt ganz verschwunden.

Ich weiß jetzt nicht was die Standardeinstellungen für .block sind, aber visible wird offensichtlich von Superfish benötigt, damit die Untermenüs korrekt angezeigt werden. Und ich habe .block wahrscheinlich mit irgendwas anderem definiert.

[lionel]

Hallo,

Können Sie Firebug verwenden um zu sehen, ob Ihr Code überschreibt die Klasse "block" von Contao oder nicht ?

Ich weiß jetzt nicht was die Standardeinstellungen für .block sind, ...

Path: assets/contao/css/layout.css (Layout-Builder)

.block {
    overflow: visible;
}

... aber visible wird offensichtlich von Superfish benötigt ...

Ja, wenn Sie die CSS-Datei "layout.css" von Contao verwenden.