Sempervivum

Am besten gleich hier das Tutorial durcharbeiten:
Kontaktformular Tutorial

Hiernach:
https://www.html-seminar.de/html-texte-formatieren-2.htm
ist das sup-Tag der richtige Weg. Dein Code zeigt jedoch ein Javascript-Objekt. Gib uns den Code, wie Du dideses Tag anwendest und wie Du die Texte auf deine Seite bringst

Ja, wegen der Semantik. Google ist ein gutes Beispiel, weil es dann eine präzise Zuordnung zwischen Text und Bild gibt. Wenn ich nach Bildern suche, stehe ich häufig vor dem Problem, dass ein gefundenes Bild nicht dem Suchbegriff entspricht und ich…

Auch wenn Lupus sie als "Cards" bezeichnet, werbe ich immer dafür, für diesen Zweck, ein Bild mit einer Beschreibung dazu, das figure-Tag zu verwenden.

Merkwürdig, da liegt so ein Popup über dem Codepen: "Email needs verification"?

Ja, jetzt habe ich es verstanden.
Da fällt mir leider keine Lösung mir reinem CSS ein. Mit Javascript und transition jedoch kein Problem:
(Quelltext, 51 Zeilen)

(Begonnen habe ich mit Webanimation, daher die querySelector. Sollte man noch umstellen.)

Hallo Draku,
mit Prozentwerten für die Verschiebung bist Du schon auf dem richtigen Weg. Jedoch: Wenn Du transform:translate für die Verschiebung benutzt, brauchst Du gar keine absolute Positionierung. Dieses funktioniert genau so gut:
(Quelltext, 23…

... dieses ist das, woran ich mich erinnere:
https://www.dropzonejs.com
Muss man prüfen, ob das Sortieren leicht zu integrieren ist, oder ob man nur das Drag&Drop benutzen kann und den Rest behält, wie es schon ist.

(Zitat)

Das ist natürlich das einfachste, hat aber den Nachteil, dass die gelöschte(n) Datei(en) erst Mal hochgeladen werden müssen.

Was das Drag&Drop betrifft, so kenne ich zwar keine Erklärung oder ein Tutorial aber ich habe da ein Beispiel. Muss es…

Das wird hier diskutiert:
https://stackoverflow.com/ques…ltiple-inputfile/16943684
Scheint machbar zu sein mit dem Objekt DataTransfer. Wenn Du nicht zum Ziel kommst, melde dich wieder.

Man kann die Animationen auch kombinieren und auf das selbe Element anwenden:
https://stackoverflow.com/ques…imations-at-the-same-time

Du brauchst zwei Animationen: Einmal die stufenweise, die Du schon hast und dann eine kontinuierliche um den Vogel horizontal zu bewegen. Dazu musst Du dem Element die Eigenschaft position:absolute; geben und die Eigenschaft left statt…

Da Du das CSS ausgelagert hast, vermute ich, dass es am Cache liegt. Mit Strg+F5 kannst Du die Seite einschl. externer CSS und Javascript-Dateien neu laden.

Siehe meine Kommentare
(Quelltext, 16 Zeilen)

Ich hatte die Mediaqueries getestet und es hatte funktioniert: Abhängig von der Fensterbreite wurden 5, 3 oder 2 Bilder in einer Reihe angezeigt. Poste am besten noch Mal dein CSS.

Da Du das mit den Mediaqueries nicht verstehst, gebe ich dir hier mal einen Beispielcode:
(Quelltext, 11 Zeilen)

Die Umschaltpunkte (max-width) kannst Du so anpassen, dass das Verhalten deinen Vorstellungen entspricht.

Dann vermute ich, dass Du meinen Hinweis auf Mediaqueries überlesen hast

(Zitat)

Wenn ich das richtig verstehe, müsste es dein Problem lösen, wenn Du mit Mediaqueries (siehe Posting #29) die Breite (in Prozent) der Bilder umschaltest, z. B. auf 30% bei schmalerem Fenster, so dass dann nur noch drei in einer Reihe sind.

Ich habe eine Weile über diesem gerätselt:
https://vuejs.org/v2/guide/forms.html
(Zitat)

und
(Zitat)

aber es schließlich verstanden. Dies funktioniert:
(Quelltext, 25 Zeilen)

Versuche es anders herum, erst umlaut, dann toUpperCase.