Beiträge von Sempervivum

Stimmt, da hat jeder so seinen eigenen Stil. Was nicht nur reine Geschmackssache ist, ist die Formatierung: Richtiges Einrücken hilft ungemein, den Code zu verstehen und Fehler schnell zu erkennen. Ein guter Editor ist dabei hilfreich. Bei mir Rechtsklick - "Dokument formatieren" und der Code ist übersichtlich, auch wenn er vorher chaotisch aussah.

Zitat

Danke! Es soll was links im Footer stehen und etwas rechts stehen und das ohne Abstand.

Das kannst Du sehr leicht mit zwei Containern und justify-content: space-between; oder justify-content: center; erreichen, je nachdem, wie es aussehen soll.

Zitat

Kriege das auf der schnelle nicht hin .

Ich muß jetzt erstmal zur Arbeit. Vieleicht kann sich das in der Zeit ein anderer ankucken und dir helfen.

Wenn ich es richtig verstanden habe, sollte dies es tun:

    <style>
        #wrapper1 {
            display: inline-flex;
            flex-direction: column;
            border: 2px solid lightblue;
        }

        .line {
            display: flex;
            flex-direction: row;
        }

        .box {
            /* width: 12.5vw;
            height: 12.5vw; */
            border: 2px solid lightblue;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .tt {
            position: absolute;
            width: 80%;
            left: 10%;
            text-align: center;
            background-color: aquamarine;
            display: none;
        }
        .box:hover .tt {
            display: block;
        }
    </style>
    <div id="wrapper1">
    </div>
    <input id="nrinput" type="number" min="2" max="10" onchange="go(this.value);">Gib die Anzahl der Kästchen pro Kante ein.
    <script>
        function go(nr) {
            var wrapper = document.getElementById("wrapper1");
            wrapper.innerHTML = "";
            for (var i = 0; i < nr; i++) {
                var line = document.createElement("div");
                line.className = "line";
                wrapper.appendChild(line);
                for (var j = 0; j < nr; j++) {
                    var box = document.createElement("div");
                    box.className = "box";
                    var d = 50 / nr + "vw";
                    box.id = "box-" + (i + 1) + "." + (j + 1);
                    box.style.width = box.style.height = d;
                    box.innerHTML = (i * nr + j + 1);
                    var tt = document.createElement("div");
                    tt.className = "tt";
                    tt.innerHTML = (i +1) + "." + (j + 1);
                    tt.style.top = d;
                    box.appendChild(tt);
                    line.appendChild(box);
                }
            }
        }
        go(5);
    </script>

Hiermit: box.id = "box-" + (i + 1) + "." + (j + 1); habe ich jeder Box eine ID mit Zeilen- und Spaltennummer gegeben. Damit kannst Du dann von Javascript aus darauf zugreifen.

Zitat

Fals hier einer mitlesen tut und ahnung hat ,der soll bitte was sagen wenn ich es falsch mache. Dannke.

IMO macht ein <ul> ohne <li>-s drin keinen Sinn.

https://caniuse.com/#feat=css-grid

Zitat

Partial support in IE refers to supporting an older version of the specification.

Ist das das Problem?

Gern geschehen, ich wünsche ebenfalls einen schönen Rest vom Abend.

Dann brauchst Du ja eigentlich nur den Header zu verdoppeln und die linke Sidebar zu löschen ...

Immer diese Anglizismen, tut mir Leid

Du findest es unter dem deutschen Begriff "Datei - Stabelbearbeitung ...".

Zitat

Sempervivum wahr das absicht das unter dein Link ein Link zu Fiddle ist ?

Ja, das war Absicht, aber ich habe den Link inzwischen geändert, weil der Footer im Fiddle nicht richtig angezeigt wurde. Scheint in letzter Zeit etwas der Wurm drin zu sein. Manchmal verschwindet auch einfach das Ergebnis-Fenster ...

Ich empfehle, dich mit Flexlayout vertraut zu machen, z. B. hier bei HTML-Seminar:

https://www.html-seminar.de/css-flexbox.htm

Hier findest Du eine Basis mit Header, Content und Footer:

https://jsfiddle.net/Sempervivum/d4ao5kbh/5/

Versuche, die Sidebar selbständig zu ergänzen.

https://jsfiddle.net/Sempervivum/ypx8vwm4/2/

Zitat

Ich möchte rund 50 Zahlen per random erzeugen. Diese Zahlen sollen dann für die weitere Verwendung als Bilder wie

Zahl1.jpg

Zahl2.jpg

..

..

zahl50.jpg

zur Verfügung stehen.

Diese Zahlen spreche ich in meinem Programm an verschiedenen Stellen an. Ich zeige zum Beispiel Einige ,wieder zufällig, ausgewählt an und der User muss dann Bestimmte davon anklicken. Wie das mit canvas realisiert werden kann ist mir vollkommen schleierhaft.

Alles anzeigen

Sollte alles kein Problem sein. Du kannst beliebig viele Canvas-Elemente anlegen und mit Zahlen versehen, auch zufällig.

Zitat

Ich müsste aus einem Canvas ein JPG Bild machen.

Sieh dir die Funktion toDataURL an, damit ist das möglich:

https://developer.mozilla.org/de/docs/Web/AP…ement/toDataURL

Ich vermute, dass Du das betreffende Bild auf deiner Seite anzeigen willst. Dann kannst Du das Ergebnis von toDataURL direkt als src für ein img-Element verwenden.

Möchtest das Bild dagegen auf dem Server speichern, wäre es eher angebracht, das Ganze mit PHP zu erledigen.

Ja, das geht, mit Canvas kannst Du ein Bild erzeugen und einen beliebigen Text hinein schreiben, also auch ein Zahl. Um die Handhabung zu erleichern, empfehle ich eine Bibliothek wie jCanvas.

Auch mit JPG-Illuminator ist das sehr einfach mit dem Batchmodus. Man kann die Größe, entweder von der längeren oder der kürzeren Seite angeben, so dass es einwandfrei funktioniert egal was das Bild für ein Seitenverhältnis hat oder ob es Hoch-oder Querformat ist.

Zitat

War leider nicht möglich, denn (das "Earth" Symbol auf der linken Seite neben der Adressleiste) - wird bei mir nicht angezeigt

Anscheinend findet man das nicht mehr in den Einstellungen. Es wird aber hier beschrieben, wie man es in about:config überprüfen kann:

https://support.mozilla.org/de/questions/981640

Ist aber wohl eher unwahrscheinlich, dass es daran liegt, denn dann müsstest Du ja generell das Problem haben.

Eine andere Möglichkeit wäre, dass eine Erweiterung der Schuldige ist. Starte FF mal im abgesicherten Modus:

https://support.mozilla.org/de/kb/firefox-…sicherter-modus

Bist Du diesem Hinweis auch nachgegangen?:

Zitat

Website settings

If Firefox does not display images from a particular site, then you need to do the following:

Start a website (the one in which the images are not displayed) and click on the “Site Identification” (the “Earth” icon on the left next to the address bar). Click on the little arrow and then on “Read more”.

In the “Permissions” scroll down to “Load Images” and select “Allow”.

Das Navigieren im DOM mit jQuery ist zu 50 % CSS. Am wichtigsten ist dies:

https://wiki.selfhtml.org/wiki/CSS/Selektoren/Kombinator

Beim Verwenden von Selektoren gilt, das man kein Vorgänger- und keine Elternelemente ansprechen kann. Dafür muss man jQuery verwenden.

Die wichtigsten Funktionen sind children(), find(), next(), prev(), parent() und closest(). Du informierst dich darüber am besten bei https://api.jquery.com/

Vergleiche mal genau die IDs, einmal im Screenshot und einmal im Javascript:

Im Javascript hat sie ein Prefix "ID_", das ich im HTML nicht erkennen kann.

Ich bin immer noch der Meinung, dass dieses:

$("option:selected", this).text()

den Text aller Selectboxen auf deiner Seite ausgibt und dass Du statt dessen dieses

+ $(this).find("option:selected").text()

verwenden müsstest.

Da wird empfohlen, Cookies und Cache zu löschen:

https://www.technobezz.com/what-to-do-if-…ozilla-firefox/

Versuche, ob das das Problem löst.