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

Suchergebnisse

  1. S

    Lauftext ist unterschiedlich schnell

    Dazu fällt mir aus der Schulzeit die Formel v=s/t ein. Umgestellt um aus dem Weg die Zeit zu ermitteln: t=s/v. Man kann daran denken, das mit calc zu implementieren, aber ein einfacher Ansatz funktioniert nicht, weil die Einheiten nicht passen: animation: linkMovement calc(100vw * 0.05s)...
  2. S

    image im iframe anzeigen

    Unter Fotocollage stelle ich mir eigentlich so etwas vor: https://masonry.desandro.com Aber wenn ich lese, dass für jedes Foto eine neue Seite angezeigt werden soll, trifft das wahrscheinlich nicht zu. Du willst wahrscheinlich eine Galerie wo jedes Bild bei Klick groß angezeigt wird? Das kannst...
  3. S

    image im iframe anzeigen

    Hallo @Alphavirus, dein Wunsch ist einigermaßen unkonventionell. Hat das einen bestimmten Grund, dass Du das so machen willst?
  4. S

    Footermenü wird in mobiler Version nicht richtig dargestellt

    Da hast Du vollkommen Recht. Kann passieren aber schlecht, dass @Lisa K. deswegen aufgegeben hat.
  5. 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...
  6. S

    Abgekürzte Schreibweise bei Animation

    Funktioniert es denn jetzt bei dir mit der abgekürzten Schreibweise?
  7. 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.
  8. 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...
  9. 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.
  10. 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...
  11. 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.
  12. 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...
  13. 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...
  14. 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...
  15. 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">...
  16. 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...
  17. 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.
  18. 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.
  19. 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...
  20. 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...
Zurück
Oben