Foren
Neue Beiträge
Foren durchsuchen
Was ist neu?
Neue Beiträge
Profilnachrichten
Online
Anmelden
Registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Neue Beiträge
Foren durchsuchen
Menü
Anmelden
Registrieren
App installieren
Installieren
Programmierung
CSS
2 child-Elemente *übereinander* in einer grid-row?
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Auf Thema antworten
Beitrag
[QUOTE="UliHF, post: 14156, member: 4817"] Hab mir das jetzt angeschaut und bin zu dem Ergebnis gekommen, dass es mangels Überblick zu viel Versuche und Arbeit sind, den gewünschten Einbau der Menu-Buttons automatisiert umzusetzen. Ich mache dies gerne für den Anfang auch weitgehend manuell. Es gibt ja auch nicht so viele Seiten! smashingmagazine.com schlägt für eine 'konventionelle' Lösung im Beispiel folgendes CSS vor: [CODE] body { background-color: #000; font: 1.1em Arial, Helvetica, sans-serif; } img { max-width: 100%; display: block; } figure { margin: 0; display: grid; grid-template-rows: 1fr auto; margin-bottom: 10px; break-inside: avoid; } figure > img { grid-row: 1 / -1; grid-column: 1; [/CODE] Meinst du das Obige kann (ähnlich) problemlos in das bereits bestehende grid-layout eingebaut werden? Die einzelnen Buttons arbeite ich dann gerne bis auf Weiteres manuell passend ein. Ich komm ja sonst nie mehr zu den Inhalten des Blog... FYI: Der Overflow soll auf jeden Fall für mobile nach rechts stattfinden (overflow-x: auto; denke ich) Dein Rat würde sehr weiterhelfen - das Ergebnis würde ich auf jeden Fall berichten. Vielen Dank im Voraus, Grüße Uli [/QUOTE]
Zitate
Authentifizierung
Antworten
Programmierung
CSS
2 child-Elemente *übereinander* in einer grid-row?
Oben
Unten