Beiträge von Sempervivum

  • Anordnung von Elementen im <footer>

    Zitat

    NUR bleibt eben mein Text (vom <p> und das <a>) NICHT innerhalb des <footer> sondern ragt darüber hinaus,

    Kann ich bei deiner Beispielseite nicht bestätigen, bei mir ragt nichts heraus. Sieht gut aus. Hast Du das Problem inzwischen gelöst?

  • position: relative; left und top

    Vermutlich ist dies der Grund:

    https://css-tricks.com/forums/…-with-it-after-page-load/

    Zitat

    I’m assuming that this “trick” requires a known height for the parent.

    Aber Du willst ja wahrscheinlich nur das Plus-Zeichen vertikal zentriert zwischen die Bilder legen. Das kannst Du einfacher erreichen, wenn Du das Plus-Zeichen zwischen die beiden figure-Tags legst:

    und mit Flex geeignet ausrichtest:

  • Html Code als JavaScript Variable zuweisen und ausgeben [Gelöst]

    Da gibt es mehrere Möglichkeiten, einen String über mehrere Zeilen hinweg zu definieren:


    Rückwärts-Strichlein verwenden:

    Code
            var Rahmen = `<div class="rahmen">
            <img class="rahmen-4" src="1EK8_0668.jpg" alt="Rahmendemo" title="Rahmendemo"width="300" height="225">
            <span> <font size="3.5">(Titel)</font></span>
            </div> `;

    Normale Hochkommas verwenden und die Zeilen mit "+" verknüpfen:

    Code
            var Rahmen = '<div class="rahmen">'
            + '<img class="rahmen-4" src="1EK8_0668.jpg" alt="Rahmendemo" title="Rahmendemo"width="300" height="225">'
            + '<span> <font size="3.5">(Titel)</font></span>'
            + '</div> '

    Und für das, was Du als Rahmen bezeichnest, empfiehlt es sich, ein figure-Element zu verwenden, denn darin befindet sich
    ein Bild und eine Beschreibung.

    https://wiki.selfhtml.org/wiki…Textstrukturierung/figure

  • API in HTML einfügen

    Was die URL aus Post #22 betrifft: Hier stehen die Daten bereits im Quelltext, d. h. sie werden serverseitig bereit gestellt und nicht über Ajax mit Anfrage und Antwort. Entweder dieser Server hat selbst eine Datenbank oder er greift die Daten von einer anderen Site ab.

  • API in HTML einfügen

    In Post #21 schreibst Du:

    Zitat

    Aber mit API habe ich verstanden anfrage stellen und sagen was man wissen möchte Anfrage geht an die url Aber ich weiß icht was ich schreiben muss um die Antwort auf eine Anfrage auch erhalten

    Sieh dir meinen Code in Post #15 noch Mal an:

    Code
            $.ajax({
            url: "https://raider.io/api/v1/guilds/profile?region=eu&realm=Norgannon&name=Infinitum%20animus&fields=name,faction,region,realm,profile_url,raid_rankings",
            dataType: "json",
            success: function (output) {
                console.log(output);

    An die Funktion $.ajax wird die URL übergeben, von wo die Daten geholt werden sollen. D. h. der Browser schickt eine entspr. Anfrage an den Server. Trifft die Anwort darauf ein, wird die Funktion aufgerufen, die bei success notiert ist. Ihr Eingangsparameter, den ich hier output genannt habe, enthält die Antwort vom Server bzw. die Daten die dieser zurück liefert.

  • Class member variable undefined

    Das this in der anonymen Funktion des onload ist ein anderes als das this im Objekt testImg, nämlich das img-Element, auf das das onload registriert wurde.

    Lösung, indem Du das this einer Variablen zuweist und diese in der Funktion ansprichst:

    Code
                draw(context, x, y) {
                var that = this;
                this.image.onload = function () {
                    // bei this und that.image handelt es sich
                    // innerhalb dieser an. Funktion um das selbe Element 
                    console.log(that.image);
                    console.log(this);
                    context.drawImage(that.image, x, y);
                }
            }

  • CSS Animation rotation Problem [Gelöst]

    Das Problem ist, dass mit transform immer alle Optionen gesetzt werden. Setzt du transform: translateX(900px); wird die Drehung auf 0 Grad gesetzt anstatt den zuletzt gesetzten Wert beizubehalten. Du musst immer beide Werte angeben, jedenfalls die die vom Grundzustand abweichen.

    Versuche, ob dies deinem Wunsch entspricht:

  • Absolut Positionierte png-Dateien auf Responsive Hintergrund

    Zitat

    manche pngs halb übereinander stehen und der Aufbau in einer ganz bestimmten Art und Weise sein muss

    Wie meinst Du das denn? Dass sie nicht genau in einer Reihe stehen sollen sondern nach oben/unten/links/rechts versetzt?

    Du kannst sie z. B. mit transform:translate von ihrer ursprünglichen Position wegrücken oder absolut positionieren.


    Zitat

    So jetzt muss das ganze aber auch Responsive sein, am besten indem sich alle pngs vergrößern und verkleinern, so dass alle Verhältnisse die gleichen bleiben.

    Auch bei absoluter Positionierung ist das möglich, wenn Du konsequent mit relativen Angaben bzw. Prozentwerten arbeitest.