Quote: Björn Hahnefeld wrote on Tue, 04 October 2016 09:50
Die Sache mit dem CSS lasse ich vorerst mal lieber. Aber herzlichen Dank
für deine stets ausführlichen und nicht zuletzt kompetenten Antworten!
Bitte, gern. :)
Es wird quasi - wenn
Die Sache mit dem CSS lasse ich vorerst mal lieber. Aber herzlichen Dank
für deine stets ausführlichen und nicht zuletzt kompetenten Antworten!
Es wird quasi - wenn ich es umbauen würde - beim Hover das andere Element
durch das "+" mitgesteuert (sozusagen Abhängigkeitsverhältnis) bei "#menu:hover
Quote: Björn Hahnefeld wrote on Mon, 03 October 2016 16:44
Grundsätzlich scheint das zu funktionieren :)!
ABER: Es bleibt im Quelltext dann "class" im Tag stehen. Ist zwar die
Klasse entfernt, aber das Tag nicht sauber gelöscht... :(
Es blei
Ich habe das einmal über meinen Content-Bereich eingefügt. Findest du
nicht, dass das durchaus geschmeidig aussieht? Übrigens habe ich dafür
keine Klasse angelegt, sondern die Änderungen direkt als Style (.css)
geschrieben. Ich meine, dass es nicht das Design stört... Was ist deine
Meinung?
Am 3.
Grundsätzlich scheint das zu funktionieren :)!
ABER: Es bleibt im Quelltext dann "class" im Tag stehen. Ist zwar die
Klasse entfernt, aber das Tag nicht sauber gelöscht... :(
Am 3. Oktober 2016 um 11:44 schrieb Emil-WebDesign.net :
> Nachtrag:
>
> Irgendwas war da mit „mouseover" oder / und „mou
Nachtrag:
Irgendwas war da mit „mouseover" oder / und „mouseout", so das ich eher „mouseenter"
und „mouseleave" nehme frag mich nicht warum. Ich kann mich nicht daran erinnern, habe aber
gerade gesehen, das ich es bei dem Menü so gemacht habe:
http://tests.emil-webdesign.net/SlideDownBoxMenu-j
Sorry, irgendwie hatte ich im Kopf eine CSS Lösung und als Absicherung für die
Tastatur Nutzung (TAB-Taste) das JavaScript eben.
Für die Maus brauchst Du so was:
$('#menu')
mouseover(function() {
$('body').addClass('dunkles-body');
})
mouseout(function() {
$('body').removeClass('dunkles-
Ist das einfacher einzusetzen?
Am 3. Oktober 2016 um 10:38 schrieb Emil-WebDesign.net :
> "toggleClass" kannst Du aber auch nehmen. Ich dachte zuerst, es würde
> Probleme unter bestimmten Umständen machen.
> ___
> TYPO3-german mailing list
> TYPO3-germa
Quote: Björn Hahnefeld wrote on Mon, 03 October 2016 10:26
Dazu muss ich aber erst einmal wissen, wie es geht. Meine Idee wäre
gewesen,mit jQuery den Hover des Menüs abzufragen und dann den Body der
Seite komplett abzudunkeln (oder dezent)...
"toggleClass" kannst Du aber auch nehmen. Ich dachte zuerst, es würde Probleme
unter bestimmten Umständen machen.
___
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
Dazu muss ich aber erst einmal wissen, wie es geht. Meine Idee wäre
gewesen,mit jQuery den Hover des Menüs abzufragen und dann den Body der
Seite komplett abzudunkeln (oder dezent)...
Am 3. Oktober 2016 um 10:22 schrieb Emil-WebDesign.net :
> Quote: Björn Hahnefeld wrote on Mon, 03 October 2016 1
Quote: Björn Hahnefeld wrote on Mon, 03 October 2016 10:12
Meinst du? Also du würdest nicht abdunkeln? Ich hätte es State-of-the-art
gefunden, weil ich auch Sorge hatte, dass das Menü vielleicht dann
untergeht...
Ich arbeite mit einer sehr gu
Meinst du? Also du würdest nicht abdunkeln? Ich hätte es State-of-the-art
gefunden, weil ich auch Sorge hatte, dass das Menü vielleicht dann
untergeht...
Am 3. Oktober 2016 um 10:09 schrieb Emil-WebDesign.net :
> Quote: Björn Hahnefeld wrote on Mon, 03 October 2016 10:02
> ---
Quote: Björn Hahnefeld wrote on Mon, 03 October 2016 10:02
Vielleicht hast du auch noch eine Idee zu meinem weiteren Wunsch:
Ich möchte, dass die Seite abgedunkelt wird, wenn man mit der Maus über das
Menü hovert. Aber unter "grey out" habe ich
Ich habe es schon im Debugger ausgetestet :)! Herzlichen Dank auch für die
Positionierungs-Erklärungen. Dann werde ich auch all das noch entsprechend
bereinigen :)!
Vielleicht hast du auch noch eine Idee zu meinem weiteren Wunsch:
Ich möchte, dass die Seite abgedunkelt wird, wenn man mit der Maus
Habe ich doch schon:
Quote: Emil-WebDesign.net (etux) wrote on Mon, 03 October 2016 08:34
#menu-sticky-wrapper {position: relative; z-index: 3; }
_
Verrätst du mir bitte auch noch, wie ich das nun fixen kann? Irgendwie
stehe ich da gerade auf der Leitung :(
Am 3. Oktober 2016 um 08:46 schrieb Emil-WebDesign.net :
> Quote: Renzo Bauen wrote on Mon, 03 October 2016 00:39
>
>
>> Wenn Du sowei
Quote: Renzo Bauen wrote on Mon, 03 October 2016 00:39
Wenn Du soweit nach oben scrollst, dass dein menu am oberen Rand stehen
bleibt, dann legt sich das Pull-Down über den Slider.
Weil dann „#menu" ein „position: fixed; und „z-index: 3"
Um angezeigt zu werden, bekommen die Listenelemente (Slider) ein „z-index: 2".
Da Deine Navigation im Quellcode vor dem Slider liegt, muss sie mindestens „z-index:
3" haben.
Z-index greift nur bei positionierte Elementen (position → ungleich „static").
Daher:
#menu-sticky-wrapper {position: relat
Herzlichen Dank, Renzo! Allerdings muss ich die Sache noch responsiv
bekommen. Also fertig bin ich keineswegs. Vielleicht fällt dir ja morgen
etwas ein, warum das Drop-Down ausgerechnet auf der Hauptseite vom Slider
verdeckt wird.
LG
Björn
Am 3. Oktober 2016 um 00:39 schrieb Renzo Bauen :
> Hal
Hallo Björn
ärgerlich. Aber das hat etwas mit der Positionierung zu tun.
Wenn Du soweit nach oben scrollst, dass dein menu am oberen Rand stehen
bleibt, dann legt sich das Pull-Down über den Slider. D.h. du hast mit
der Ausgangssituation einen Konflikt zwischen der Positionierung
(position und flo
21 matches
Mail list logo
