search

RRZE-Webteam / FAU-Einrichtungen

WordPress-Theme für zentrale Einrichtungen der Friedrich-Alexander-Universität Erlangen-Nürnberg
GNU General Public License v3.0
18 stars 11 forks source link

Vorschlag: Bilder nebeneinander platzieren (große Bildschirme) #1188

Closed lagerlit closed 1 year ago

lagerlit commented 2 years ago

Hallo. ich würde in Beiträgen mit tollem Bildmaterial gern nebenenander einbinden können. Beispiel hier: https://www.research-in-bavaria.de/paleobiology Zwei Bilder nebenander (auf großen Bildschirmen - auf kleinen entsprechen umgebrochen).

xwolfde commented 2 years ago

Du meinst so?: http://zentral.tindu.rrze.uni-erlangen.de/inhaltselemente/bilder/bilder-mit-elements-nebeneinander/

lagerlit commented 2 years ago

Nee. So wie im Beispiel, mit unterschiedlichen Bildgrößen und versetzt. Und über die Textbreite hinaus.

So sieht das dagegen aktuell bei uns aus, hab dir auch mal die Spalten-Variante in den Entwurf eingefügt (der sieht im Beitrag noch mal anders aus als auf der Seite - mehr Abstand) https://www.fau.de/?p=2286465&preview=true

xwolfde commented 2 years ago

Ah jetzt ja. Ja, das haben wir in Teilen ja schonmal als Feature Requests aufgenommen: #910 Dabei insbesondere die Out of the Box Darstellung.

Mit versetzter Darstellung, meinst du wirklich so etwas: grafik

(Das erschien mir wie ein Fehler...)

WIllst du da ein optische Treppe haben?

lagerlit commented 2 years ago

Ja genau, out-of-box steht schon im Feature Request #910 (da geht es ums Artikelbild).

Bilder im Beitrag: Die optische Treppe mit den verschiedenen Bildgräößen gefällt mir, weil es den Beitrag optisch auflockert (statt ein langer Block Text + Bilder wie hier https://www.fau.de/?p=2286465&preview=true).

xwolfde commented 2 years ago

Ich sehe auf dem Preview-Beitrag aber nirgends eine Treppe... ? Kannst du davon ein Screenshot machen und hier reinkopieren?

lagerlit commented 2 years ago

Missverständnis: die Treppe hast du gescreenshottet oben, die ist hier https://www.research-in-bavaria.de/paleobiology

KEINE Treppe bzw. langer Schlauch/Block hier: https://www.fau.de/?p=2286465&preview=true (hab versucht das mit den Spalten aufzulockern aber das sieht irgendwie nix aus)

xwolfde commented 2 years ago

Urg. Ok, wenn ihr das so wollt...

Notice self: Die machen es auf der Seite mit einem

.ribcontent_imagexx_container {
   grid-template-columns: 2fr 3fr;
   display: grid;
   grid-gap: 1.5rem;
}
.ribcontent_imagexx_container figure:last-child {
  padding-top: 4.5rem;
}