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

Suchergebnisse

  1. 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.
  2. 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.
  3. 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...
  4. 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...
  5. 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...
  6. 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?
  7. 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...
  8. 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.
  9. S

    Vertikalen Border anders positionieren

    Guten Abend @MonacoFranze Hat das mit dem Logo auf der Kreuzung der beiden Balken denn funktioniert?
  10. S

    Info 3D Slider

    Ich war so frei es mal umzustellen: Steuerung von Geschwindigkeit und Richtung durch die horizontale Mausposition: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>3D Slider</title> <style>...
  11. S

    Info 3D Slider

    Sehr cool, gut gemacht! 3D-Sachen erfordern immer gutes räumliches Vorstellungsvermögen. Man könnte noch dran denken, die Animation anzuhalten, wenn sich die Maus in der Mitte befindet. Oder, noch einen Schritt weiter, die Geschwindigkeit abhängig von der Mausposition in x-Richtung steuern...
  12. S

    Safari Fensterbreite verändern blockieren

    Guten Morgen, wenn Du nur verhindern willst, dass das Layout deiner PWA durch das Resizing zerlegt wird, würde es wahrscheinlich helfen, wenn Du die Größe des betr. Containers auf einen festen Wert setzt. Beschreibe doch mal den Hintergrund, warum Du das machen willst und poste die URL der Seite.
  13. S

    Vertikalen Border anders positionieren

    Guten Morgen, ich habe das Logo jetzt zusätzlich eingebaut. Dabei bin ich von der absoluten Positionierung zum Gridlayout umgeschwenkt, weil man dabei die Abmessungen und die Positionen relativ zueinander besser im Griff hat: <!DOCTYPE html> <html> <head> <title>Atari Ultimate...
  14. S

    Vertikalen Border anders positionieren

    Immer gern, ich wünsche ebenfalls einen schönen Abend!
  15. S

    Vertikalen Border anders positionieren

    Lässt sich sicher ohne Probleme machen. Ich sehe mir das morgen an.
  16. S

    Vertikalen Border anders positionieren

    So? <!DOCTYPE html> <html> <head> <title>Atari Ultimate Script</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="favicon.ico"> <style> html, body { height: 100%...
  17. S

    Vertikalen Border anders positionieren

    Verstehe, dann waren die Margins doch so gewollt und ich habe etwas falsch verstanden. Da die Balken sich überdecken sollen, wird es wahrscheinlich nicht ohne absolute Positionierung gehen. Oder mit Gridlayout. Ich werde drüber nachdenken.
  18. S

    Vertikalen Border anders positionieren

    Da führt mich Google zu diesem: https://stackoverflow.com/questions/15597167/css-opacity-gradient Dort wird auf diese, einfachere Lösung verwiesen: https://jsfiddle.net/x4gSG/310/ (Hier ist einiges an Overhead drin, den man weg lassen kann.) Da auch dein Body ein Hintergrundbild haben soll...
  19. S

    Vertikalen Border anders positionieren

    Ich habe das mal so eingerichtet wie ich deine Absichten von dem Bild her verstehe. Also dass das Ganze das Browserfenster voll ausfüllt und die beiden Balken am Rand rechts und unten liegen. Beachte meine Kommentare. "font-color" ist zwar nahe liegend aber die Schriftfarbe heißt einfach...
  20. S

    Vertikalen Border anders positionieren

    Guten Morgen @MonacoFranze und willkommen auch in diesem Forum! Jetzt schreibe ich schon zur 3. Mal eine Antwort auf deine Frage, los geht's: "transform:rotate" ist ein wenig tricky im Handling, versuche die gedrehte Schrift besser mit "writing-mode"...
Zurück
Oben