Warum Greasemonkey? Ich verstehe dich so, dass Du eine Slideshow mit den Bildern auf deiner Homepage haben willst?
In dem Fall kannst Du die Bilder sehr einfach mit der PHP-Funktion aus dem Ordner auslesen und das HTML für die Slideshow erzeugen. Für die Slideshow empfehle ich z. B. Cycle2.
Möglich ist das auf jeden Fall, auch responsiv. Ich stelle mir nur die Frage, ob es praktikabel ist. Um so ein Layout betrachten zu können, braucht man ja immer einen Riesen Bildschirm. Und Sinn macht das Ganze ja nur, wenn in die Kästchen auch Inhalte hinein kommen. Werden sie dafür nicht viel zu klein?
Herunter skaliert werden müssen die Bilder ja auf jeden Fall, entweder gleich im iPhone oder später auf dem PC. Aus praktischen Gründen würde ich die Bilder jedoch in voller Größe machen und aufbewahren, denn sonst kann man sie später nicht drucken (dafür wäre 300 x 400 viel zu klein) und auch für das Betrachten auf dem PC bildschirmfüllend wären sie zu klein.
Dazu brauchst Du ein Synchronisationsprogramm, das FTP unterstützt. Ich benutze z. B. gern Freefilesync.
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.
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.
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.
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
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 ...".
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.
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.
Sollte alles kein Problem sein. Du kannst beliebig viele Canvas-Elemente anlegen und mit Zahlen versehen, auch zufällig.
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.
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:
Bist Du diesem Hinweis auch nachgegangen?:
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”.