• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Suchergebnisse

  1. S

    Footermenü wird in mobiler Version nicht richtig dargestellt

    Ich komme zum selben Ergebnis wie @Oliver77. Allerdings müsste man das CSS noch in eine Mediaquery legen, weil das Layout für ein breiteres Browserfenster ja erhalten bleiben soll. media only screen and (max-width: 767px) { .et_pb_column_0_tb_footer, .et_pb_column_1_tb_footer...
  2. S

    Abgekürzte Schreibweise bei Animation

    Funktioniert es denn jetzt bei dir mit der abgekürzten Schreibweise?
  3. S

    Box Animation. Seite bleibt leer.

    Möglicher Weise das selbe Problem wie hier: https://www.html.de/threads/kleine-animation.61855/ Versuche die Lösung, die dort beschrieben wird.
  4. S

    Box Animation. Seite bleibt leer.

    Meine Frage als ich das CSS gesehen habe: Was passiert, wenn man eine Eigenschaft in einem Keyframe weg lässt? Du erwartest anscheinend, dass dann der Zustand aus dem letzten Keyframe beibehalten wird. Erhöhe ich die Zeit auf 20 sec sehe ich, dass die Box zunächst herunter gleitet, und dann...
  5. S

    Abstand zwischen den Absätzen vergrößern

    Immer gern. Gut dass Du den Link posten konntest, sonst hätten wir gerätselt, warum line-height nicht wirkt.
  6. S

    Abstand zwischen den Absätzen vergrößern

    Dass sich gar nichts getan hat, lag daran, dass in Zeile 64 eine weitere Anweisung für line-height steht, die dann wirksam wurde wenn Du das bei .liste-mit-haken ul gelöscht hast. Setzt Du statt dessen dort line-height auf 1, setzt es sich durch und die Zeilen rücken zusammen: Und dann die...
  7. S

    Abstand zwischen den Absätzen vergrößern

    Dann bitte das HTML und das CSS in Codetags posten. Wenige Listenpunkte reichen aus. Oder alternativ die URL falls Du die Seite online hast.
  8. S

    Abstand zwischen den Absätzen vergrößern

    Guten Morgen, Code besser als Text in Codetags posten, dann tut man sich leichter damit, es in eine Testdatei zu übernehmen. Von dem Screenshot mit dem CSS habe ich folgende Vermutung: Die großen Zeilenabstände kommen durch das line-height: 1.6em; zustande. Versuche, das weg zu lassen und die...
  9. S

    transition flackert

    Man kann auch weiter das hover dem CSS überlassen: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #outer-wrap { max-width: 900px...
  10. S

    transition flackert

    Die Frage habe ich mir auch gestellt und ich habe keine Antwort, wie es mit CSS geht. Bei translate ist ja das eigene Element die Referenz für Prozentwerte und nicht das umgebende. Was natürlich immer geht ist, die Werte mit Javascript zu berechnen. Ich erinnere mich an container units aber was...
  11. S

    transition flackert

    Ja, man kann das so ändern, dass der Hoverbereich genau gleich den Abmessungen des Bildes ist ohne dass man feste Werte angeben muss: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
  12. S

    Kleine Animation

    Weil ich den Dingen gern auf den Grund gehe habe ich das Problem mal auf Stackoverflow zur Diskussion gestellt: https://stackoverflow.com/questions/78984279/issue-with-animation-skips-half-of-its-way Die Antwort von Yash Raj Bharti liefert zwar auch keine Erklärung aber einen interessanten...
  13. S

    Schriftzug einrücken/ Positionierung

    Wie geschrieben, genaues weiß ich nicht. Deshalb habe ich mich zurück gehalten und das HTML von Elisabeth so gelassen. Aber auch wenn man bei Tabellen bleibt, müsste es wahrscheinlich nicht so sehr kompliziert und verschachtelt sein.
  14. S

    Schriftzug einrücken/ Positionierung

    Genaues weiß ich nicht aber mir ist zu Ohren gekommen, dass in der Welt von HTML-Mail Tabellen immer noch ihre Daseinsberechtigung haben und Dinge wie Flexlayout Fremdworte sind. Mal sehen ob es bei @elisabeth funktioniert.
  15. S

    Schriftzug einrücken/ Positionierung

    Hallo @elisabeth, da sind einige Strukturfehler in deinem Layout, vor allem schließende Tags fehlen. Beseitige ich die und verkleinere die Breite der Zelle, liegt der Text direkt neben dem Schlüsselsymbol. Beachte meinen Kommentar mit den drei Ausrufezeichen: <html> <head> <meta...
  16. S

    Kleine Animation

    Ich habe das getestet und, wenn ich das fragliche div auskommentiere, beobachte ich genau was Du, @Alphavirus, beschreibst: Der erste Teil des Weges wird verschluckt. Für mich ist das eine harte Nuss. Wenn ich die Dauer der Animation auf 10s setze, funktioniert es einwandfrei. Das führte mich zu...
  17. S

    Info 3D Slider

    Asche auf mein Haupt: Durch Versuch und Irrtum :wink: . Mir war klar, wofür die Werte sind und dass ich sie proportional zu der Größe des Karussells einstellen musste, damit immer das selbe Aussehen entsteht. Ich bin dann von deinen Werten ausgegangen, perspective doppelt wo groß wie translateZ...
  18. S

    Info 3D Slider

    Da kann ich mich gar nicht mehr erinnern. Bei der Google-Suche nach einem Animations-Thema? Beim Stöbern auf MDN? Vielleicht hat sie auch jemand anders in einem Forum erwähnt?
  19. S

    Info 3D Slider

    Weil ich die Aufgabe sehr interessant finde, bin ich her gegangen und habe das auf responsives Verhalten umgestellt. Damit das auch beim Größer- und Kleinerziehen des Fensters funktioniert, ohne Neuladen, musste ich die Parameter für die Animation jedes Mal neu einstellen. Klasse finde ich, dass...
  20. S

    Info 3D Slider

    Das ist die aktuelle Zeit, in der sich das Abspielen der Animation befindet. Ähnlich wie bei einem Video. Kann man sowohl auslesen als auch setzen. Ja genau. 1 bedeutet normale Geschwindigkeit entspr. duration, >1 erhöhte Geschwindigkeit und <1 geringere Geschwindigkeit.
Zurück
Oben