Sempervivum

Interessante Idee und man findet einige Anleitungen, wie man das machen kann. Ich fürchte nur, dass man dabei Zugriff auf den Inhalte des iFrame braucht, womit wir wieder dort wären, wo wir mit anderen Ansätzen auch waren: Dies wird durch die SOP…

Dann wird es wohl nicht anders gehen, als dass einer der neu dazukommenden eine Lösung postet, die ready-for-copy&paste ist. Forenregeln und Eigeninitiative - egal.

(Zitat)

(Zitat)

Wenn Du nichts von dem umsetzt, was ich dir bisher geschrieben habe, kann es auch nicht funktionieren.

Das ist jetzt ein generelles Problem, dass das Seitenverhältnis des Bildes nicht mit dem der Zelle übereinstimmt. Da hast Du zwei Möglichkeiten:
1. Akzeptieren, dass seitlich oder oben und unten leerer Raum entsteht
oder
2. Akzeptieren, dass vom Bild…

Ich habe jetzt dieses CSS hinzu gefügt:
(Quelltext, 12 Zeilen)

um den Text auf das Bild zu legen. Sieht jetzt bei mir so aus:
grid-centered-figcaption.png
Das blaue ist das figure-Element. Wie Du siehst, ist die Box mit dem Text darin zentriert. Nur das…

Ja, das mit Row und Column konnte ich leider nicht testen, weil mir das vollständige Grid fehlt. Hast Du das online, dass man es sich live ansehen kann?

Dafür habe ich vor einiger Zeit eine Demo gemacht, dort kannst Du ablesen, wie es geht:
https://jsfiddle.net/Sempervivum/k84scz1a/25/
Die zweite Lösung passt auf deinen Fall.

(Zitat)

So passt sich das Bild an den verfügbaren Platz an:
(Quelltext, 69 Zeilen)

(Zitat)

Anscheinend möchtest Du, dass der Text das Bild überdeckt?

Ach so, an den Link hatte ich gar nicht mehr gedacht: Statt des div ein a-href-Tag verwenden:
(Quelltext, 8 Zeilen)

Und das CSS natürlich auch anpassen:
(Quelltext, 37 Zeilen)

Ich danke auch. Mir ist noch nicht ganz klar, wie Du dir das vorstellst: Text und Bild sollen in einer Zelle des Grid stehen? Ich würde eher empfehlen, sie in verschiedenen Zellen anzuordnen, dann würde das ganze übersichtlicher. Oder alternativ die…

Leider finde ich die IDs aus deinem CSS in deinem HTML nicht wieder.

Ein Foto verwenden?

Ich würde eher empfehlen, die Struktur deiner Verzeichnisse zu überdenken, um zu einer einfachen und übersichtlichen Lösung zu gelangen.

Es gibt auch eine Reihe von Bildbearbeitungsprogrammen mit Batch-Modus bzw. Stapelverarbeitung wo Du Bilder auf die gewünschte Größe verkleinern kannst. Irfanview ist eines, was sehr häufig verwendet wird.

(Zitat)

Genau, was früher nur mit Rechnerei in Javascript ging, macht jetzt diese eine Zeile CSS.

Das ist bedauerlich. Was heißt denn "bekomm ich nichts"? Haben sie nicht geantwortet oder wussten sie keine Lösung?

Ich konnte mich dunkel erinnern, dass es in Chrome möglich ist, die SOP zu deaktivieren und das hat sich bestätigt:
…

Fertig. Ich war erst drauf und dran, Seitenverhältnis und Orientierung abzufragen, etc. aber es ging dann viel einfacher: Alles so einrichten, dass es das Browserfenster ausfüllt und dann mit objec-fit: contain; die Bilder anpassen, so dass nichts…

Ich habe es mir schon mal angesehen und es ist mit CSS machbar. Ich werde es demnächst genau ausarbeiten.

Eine Zusatzfrage: Hast Du auch Tablets berücksichtigt und siehst Du dort Fancybox oder Swiper vor?

Nein, ich meinte deine eigene Seite oder Testseite.