2022-01-14 02:38:12
Transition-Ersatz bei :hover auf background-images
Hallo ihr ,
ich wechsle gerade Bilder per :hover und background-image. Code:
Das funktioniert soweit gut und ist auch responsive.
Jetzt hätte ich aber eigentlich gerne noch ne transition mit .4s
background-images kann man aber keine transition zuweisen... Gibts da vielleicht irgendeine andere Lösung. Hab mich jetzt durchs Internet gewühlt und nichts brauchbares gefunden..
Ich hab gelesen, dass man das eine Bild relative positionieren kann und eins drüber legt mit position:absolute und dann mit der opacity spielt, der man ja auch ne transition zuweisen kann.
Aber dann ist es ziemlich kompliziert das ganze responsiv zu bekommen (finde ich).
Danke schonmal.
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
2021-08-24 00:38:09
HTML - CSS Probleme Kleinigkeiten
Hey, ich habe eine fast fertige Website gebaut. Jedoch gibt ein paar kleine Probleme:
Die Bildbeschriftung soll links und der Mehr Button soll rechts sein und sich nicht gegenseitig beeinflussen.
Über dem Copyright soll eine Linie gezogen werden (Abtrennnung Fußbereich).
Hoffe mir kann da jemand helfen.
2021-08-24 00:24:30
Komme in meinem Tutorial einfach nicht weiter. Bitte um Hilfe
Schaffe es einfach nicht, zwei Dreiergruppen zu konstruieren. Entweder zerschieße ich das Ganze
oder es geht irgendwie als 4. Feld darunter weiter.
https://jsfiddle.net/eddodtjn/
Hoffe ich habe es einigermaßen verständlich erklärt.
2021-08-23 23:38:03
Nebeneinander liegende Divs
Hallo... Ich hab mal eine Frage! Wie kann man das hinbekommen, dass 2 Divs nebeneinander sind so wie hier: http://manuplayslp.de
Ich habe es mit <section> irgendwie probiert, aber es funktioniert nicht!
2021-08-23 22:34:53
Automatisch zugewiesener Text.
Ich möchte 2 Textfelder erstellen, im einen soll der User Wörter eingeben können, im anderen größeren kann er dazu einen Text schreiben. Soweit so einfach.
Jetzt möchte ich jedoch, dass wenn der User ein bestimmtes Wort aus einer Liste eingibt und dieses Wort nach Eingabe eines Kommas oder durch verlassen des Textfeldes erkannt wird, dass große Textfeld automatisch mit dem dazugehörigen Text befüllt wird.
Beispiel:
Ich habe eine Einkaufsliste mit Äpfeln, Birnen und Bananen und Anmerkungen von Mutti:
"Äpfel" oder "Birnen" - "Nehme bitte Bio Produkte"
"Banane" - "Nehme die Krummen"
Gebe ich nun "Äpfel" in mein kleines Textfeld ein, erscheint " Nehme bitte Bio Produkte" automatisch im großen. Selbes wenn ich "Birnen" eingebe.
Gebe ich aber z.B. "Kirschen" ein, erscheint nichts im Großen und ich kann die Anmerkung selbst erstellen.
Wichtig ist, dass das große Textfeld erst automatisch befüllt wird nachdem ich ein Komma gesetzt habe oder das Feld verlassen habe.
2021-08-23 00:29:25
CSS overflow erzeugen
Ich habe eine Menü-Sidebar, welche ich rechts positioniert habe.
Ich möchte nun neben dem Link Seitenleiste schließen ein Icon anzeigen, welches aus der Sidebar herausragt.
Hat jemand Tipps, wie ich das am besten umsetzen kann?
2021-08-23 00:19:36
Bräuchte hilfe bei buttons auf meiner Website
Ich arbeite an einer Website und habe auf einer anderen etwas gesehen, was ich gut fand, und nun möchte ich dies auf meiner auch haben. Eine Information am Rande, ich arbeite mit Jimdo wo nicht jeder code funktioniert speziell style nicht (glaube ich). Also hätte da den code von der Website herauskopiert, falls das jemanden hilft. Ach ja es ist auch Javascript dabei :-D.
Ich selber bin ein noob im Scripten und programmieren, kann nur Basics.
2021-08-23 00:17:20
CSS Border Keyframes
Gibt es eine Möglichkeit die einzelnen variablen (border-top, border-left,...) mittels Keyframe "anzusprechen"?
Also ich will das border-top von oben nach unter animiert wird, danach links und rechts (von oben nach unten) danach border-botton von links und rechts aussen gefüllt werden. Border ist zuerst nicht sichtbar und wird dann durch Keyframes eingeblendet und nach x Sekunden wieder ausgeblendet.
Muss ich einzelne div dafür machen oder geht es auch leichter?
2021-08-23 00:15:24
Webseiteninhalte neben Sidebar platzieren
Gerne hätte ich den Inhalt der Webseite neben der Sidebar stehen.
Wie gehe ich da am Besten vor? Benutzte Technologien bisher ASP.NET Core, Razor, JavaScript und Bootstrap.