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.
2021-10-29 21:25:28
Nächstes Listenelement anzeigen
Hallo,
ich bin noch relativ neu bei jQuery und stehe gerade vor einem Problem, bei dem mir einfach eine Idee zum Weiterkommen fehlt.
Ich habe eine Liste mit eigener IDs pro Listeneintrag:
Über ein Skript wird eine bestimmte ID angesprochen und angezeigt, z. B. #11b.
Nun will ich mit einem Klick die nächste ID (#11c) ansprechen. Und beim nächsten Klick dann #11d. Ich habe aber gerade keine Idee, wie ich das anstellen kann.
2021-10-29 06:07:52
Für mich ist sowas div Suppe.
Für mich ist sowas div Suppe.
Weil es viele unnötige divs enthält die keiner brauch
2021-10-29 04:56:49
Animation per CSS: Gleiteffekt beim Hovern in horizontaler Navbar
In der horizontalen Navbar auf Gäste-Etage gibt es einen Gleiteffekt, den ich schön finde.
Derjenige der es gebaut hat, setzt dafür jedoch zusätzliches inhaltsleeres Markup in Form eines DIV direkt unter der Liste ein. Und Inline-Styles mit vermutlich ausgerechneten Werten. Beides möchte ich nicht.
Ich bin mit Animationseffekten via CSS noch unerfahren. Kennt ihr eventuell ein schönes Beispiel mit so einem horizontalen "Gleiteffekt", welches ohne so ein extra DIV auskommt?
In der genannten Seite kommen opacity, transform und transition zum Einsatz.
2021-10-29 04:52:07
Variable Anzahl an DIVs auf einer Seite
Hallo!
Ich habe als Grundlage eine Datenbank mit Datensätzen.
Jeder dieser Datensätze soll in Form eines DIVs auf der Seite angezeigt werden,
die Anzahl der Datensätze kann 0 oder 10 oder auch 100+ sein, desweiteren kann sich diese Anzahl jederzeit ändern.
Ich kann bereits diese Anzahl der Datensätze am Anfang der Seite auslesen und speichern. (Variable mit Anzahl der DIVs ist also vorhanden, kann sich aber halt ändern)
Wie kann ich jetzt diese Variable so benutzen, um ihr entsprechend viele DIVs zu erstellen?
2021-10-29 04:41:09
Buttons mit mouseover Effekt
Ich möchte meine Navigationsleiste mit Buttons verschönern. Ich habe jeweils 2 Bilder mit Photoshop erstellt. Ich finde im Netz aber irgendwie nicht das richtige habe ich das Gefühl. Ich finde überall nur CSS Beispiele wo ich die Buttons komplett selber erstelle.
Kann mir da jemand helfen?
2021-10-29 04:26:30
Divs mit 3 Bildern Inhalt (Abstand lässt sich nicht einstellen)
Ich erstelle gerade für eine Freundin eine neue Website (Wordpress).
Auf einer Seite ist mir zuviel Weißer Space, also wollte ich mit einem DIV 3 Bilder einsetzten (Über Slider u.ä. gefällt mir die Lösung nicht).
Das hat auch ganz gut geklappt, aber um das einfach anschaulicher zu gestallten, soll zwischen den Bildern ein kleiner Abstand um den Hintergrund zu sehen...
Da sich meine html und CSS Kenntnisse in Grenzen halten, schaffe ich es einfach nicht dieses siplme Vorhaben um zu setzten.
Verschiedene Padding, float, magin befehlte habe ich schon ohne Erfolg probiert umzusetzten (evtl sogar einfach falsch umgesetzt.
Die Website mit den Bildern befindet sich hier: Schönheitsreich
Dort kann man sich die Bilderanordnung anschauen, den Code füge ich bei.
Evtl kann mir jemand einen Tipp geben wie ich das richtig umsetzten kann.
Bitte entschuldigt, falls der Code völlig falsch aufgebaut ist, freue mich jedoch über Verbesserungen
2021-10-24 03:18:33
Ton abspielen, wenn opacity= 1
Hallo,
ich habe eine Liste auf meiner Homepage und hinter jedem Listeneintrag erscheint nach und nach ein Häkchen. Nun möchte ich jedes Mal, wenn ein Häkchen angezeigt wird, einen kurzen Ton abspielen. Aber leider habe ich keine Ahnung wie ich das machen könnte.. Kann CSS3 das machen? Oder verwende ich JS? Es sollte aber keine „onClick“- oder „onHover“-Funktion sein, da der Sound ja immer dann abgespielt werden soll wenn der Haken dargestellt wurde, d.h. opacity = 1
2021-09-08 21:07:27
Div-Container mittig platzieren
Hallo Community,
ich habe ein Problem und komme einfach nicht dahinter. Ich möchte gerne den roten DIV-Container ("Roter Block") zentriert haben. Was mache ich falsch?