2022-01-14 02:32:32
Sticky Nav, erst nach bestimmtem Element sticky
Ich habe folgenden Code .....
Wenn ich jetzt möchte, dass die Navigation erst sticky wird, wenn ein bestimmtes Element (in diesem Fall das div) aus dem Bild scrollt, was muss ich dann ändern?
Ich weiß, ich könnte jetzt im Script sagen okay, das div ist 500px hoch, mach das bitte ab 500px. Aber was, wenn ich sage width:100%; height:auto;? Dann ist die Höhe ja immer wieder unterschiedlich... Brauch da quasi ein responsive workaround
2022-01-13 21:45:36
Wie HTML ids in JS einbinden?
Hey,
ich versuche gerade ein bisschen JS zu lernen und habe mir dazu folgendes Video angesehen:
https://www.youtube.com/embed/Onjl8hX16As
Dabei bin ich auf ein kleines Problem gestoßen: bei onload = (event) => { kommt Unused parameter. Ich vermute das ist der Fehler warum der ganze Code nicht funktioniert.
Die notwendigenDatein sind unten angehängt.
Ich hoffe ihr könnt mir da weiterhelfen. :)
2022-01-13 03:40:04
Button variation
Hallo liebes Forum,
ich bin auf diese Seite gestoßen: https://webdeasy.de/en/top-css-buttons-en/
Button
#4 Icon Buttons
finde ich absolut Klasse!
Ich habe es mittlerweile hinbekommen, dass das Icon RECHTS ist:
Ich bin aber total verzweifelt: Ich möchte eine Variation des Buttons so haben, dass das ICON rechts UND links von der Schrift steht.
Könnt ihr mir da helfen?
Ich bekomme es einfach nicht hin ;(
LG und frohes neues Jahr noch.
2022-01-11 01:38:24
Pseudoelemente ::before Content Animation 2
Ich wünsche einen schönen Guten Tag,
ich bin gerade dabei mir eine neue Webseite zu bauen und möchte mir für diese ein Hamburger Menü (Nur mit Menu & Close Beschriftung) bauen mittels Checkbox-hack.
Im großen und ganzen funktioniert dies auch recht gut, nur möchte ich das, wenn ich den Menübutton nutze eine Animation ( z.b. Ein & ausblenden) abläuft.
Ich habe den Button Namen (Menu & Close) mittels des Pseudoelements::before Content in den Menü Button gepackt, bekomme es aber einfach nicht hin beim klicken auf dem Button einen smooth Effect ablaufen zu lassen.
Meine Frage nun,
Gibt es eine möglichkeit nur im CSS den ::before Content zu animimieren?
2022-01-11 01:35:42
Pseudoelemente ::before Content Animation?
Ich wünsche einen schönen Guten Tag,
ich bin gerade dabei mir eine neue Webseite zu bauen und möchte mir für diese ein Hamburger Menü (Nur mit Menu & Close Beschriftung) bauen mittels Checkbox-hack.
Im großen und ganzen funktioniert dies auch recht gut, nur möchte ich das, wenn ich den Menübutton nutze eine Animation ( z.b. Ein & ausblenden) abläuft.
Ich habe den Button Namen (Menu & Close) mittels des Pseudoelements::before Content in den Menü Button gepackt, bekomme es aber einfach nicht hin beim klicken auf dem Button einen smooth Effect ablaufen zu lassen.
Meine Frage nun,
Gibt es eine möglichkeit nur im CSS den ::before Content zu animimieren?
2022-01-11 01:13:10
check input value
Hey Leute ich hab eine Frage bezüglich if abfragen in jQuery.
Ich habe 3 Inputs, bei denen jeweils der Value ausgelesen werden soll, wenn dieser Null ist so soll ein Button auf der Seite deaktiviert werden, dass macht er auch aber sollte der Wert größer als null sein (bei allen Inputs muss etwas drin stehen) so soll sich der Button wieder aktivieren, dass macht er jedoch nicht könnt ihr mir da helfen?
2021-11-01 03:41:11
Div opacity übereinander
Hallo zusammen,
ich kriege ein Problem einfach nicht gelöst und zwar möchte ich zwei div-Boxen übereinander legen. Dabei hat die untere einen Background und die obere den Inhalt bzw. Text.
Die untere Box soll leicht durchsichtig sein, also ein opacity von 0.8 oder 0.9. Wenn ich dies so einstelle, wird auch die darüberliegende Box durchsichtig.
Wie kriege ich so etwas gelöst?
Das ganze befindet sich in einem Grid. Ich habe schon in diesem Grid ein Grid mit diesen zwei Boxen erzeugt und diese übereinander gelegt, funktioniert leider nicht. Dann habe ich die zwei divs mit Position absolut in ein
relatives div gelegt, funktioniert auch nicht bzw. zerlegt mein Grid-System.
Gibt es eine einfache Möglichkeit einer Div-Box die innerhalb einer Opacity-Box liegt wieder volle Sichtbarkeit zu geben?
2021-10-30 13:45:11
Eigene Dropdown - auf 100% des längsten Eintrags sowie Verlinkung über ganzen Länge
ich habe den nachfolgenden Quellcode nach Vorbild umgebaut:
https://codepen.io/markcaron/pen/wdVmpB
Jetzt würde ich gerne als letzten das Dropdown so breit machen wie der längste Eintrag und des Weiteren soll die Verlinkung auch über die komplette Breite funktionieren?
2021-10-29 21:49:51
Anordnung von Bild1, Text, Bild2
Hallo,
solange Bild1, Text und Bild2 in eine Zeile passen, sollen sie so nebeneinander erscheinen.
Wenn das Dispay hierfür zu schmal ist, sollen Bild1, Text und Bild2
(horizontal zentriert) untereinander stehen.
Wie kann ich dies erreichen?
2021-10-29 21:41:40
Animierte Bilddrehung mit Rotate
Ich möchte auf einer Musiker-Website Drehknöpfe (wie Lautstärkeregler) für die Navigation benutzen. Mittels transition: ease ist es mir bereits gelungen, die Knöpfe zu animieren, sobald eine Mausaktion erfolgt.
Nun möchte ich aber noch erreichen, dass nach erfolgtem Klick und dem Aufruf der neuen Seite ein bestimmter Knopf sich von selbst dreht (ohne Mausaktion), und zwar mit einem Start- und einem Endpunkt. Leider finde ich dazu nichts Passendes bei Google, vielleicht fehlen mir die richtigen Suchbegriffe.
Probiert habe ich Folgendes:
transition: all 0.2s ease; transform: rotate(150deg, 295deg)
Die Gradangaben in Klammern habe ich bei Background-Verläufen abgeschaut, dort werden verschiedene Werte einfach durch Komma abgetrennt. Hier funktioniert das aber leider nicht.
Kann mir jemand sagen, wie die korrekte Syntax lauten muss?
Das Bild soll mit 150 Grad Drehung starten und sich sanft bis 295 Grad drehen.