Ergebnis 1 bis 6 von 6

Thema: Einfache Anordnung von Inhalten per Modul?

  1. #1
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    140

    Standard Einfache Anordnung von Inhalten per Modul?

    Guten Morgen,

    ich habe bereits mehrere Internetauftritte mit Contao 4 erstellt, möchte jedoch meine Webseitenerstellung effizienter gestalten.
    Oft habe ich z.B. Boxelemente (z.B. pro Reihe 3 Boxen), die eine Grafik und z.B. Text beinhalten. Die Grafik (z.B. Icon) würde ich dann im Textelement auswählen und darunter den Text setzen - passt.

    Ich möchte nun aber das die äußeren Boxen am Rand sind und die mittlere in der Mitte, am Besten gleich responsive. Bisher habe ich Klassen vergeben und dann alles für Desktop & Mobil über CSS-Befehle angepasst. Gibt es hier eine elegantere Methode über ein Modul?

    Mit welchen Modulen erstellt Ihr eure Layouts?

    Gruß Chris

  2. #2
    Contao-Fan Avatar von jscholtysik
    Registriert seit
    19.06.2009.
    Ort
    München
    Beiträge
    320

    Standard

    Hi c.stege,


    das ist genau so über Flexbox zu erreichen mit

    justify-content: space-between
    Joachim
    *** Kein Backup, kein Mitleid ***

  3. #3
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    140

    Standard

    Zitat Zitat von jscholtysik Beitrag anzeigen
    Hi c.stege,


    das ist genau so über Flexbox zu erreichen mit

    justify-content: space-between
    Okay, wobei ca. 5% der Nutzer einen Browser benutzen, wo das nicht geht. Aber geht jemand anders vor vllt. mit Modulen?

  4. #4
    Contao-Fan Avatar von jscholtysik
    Registriert seit
    19.06.2009.
    Ort
    München
    Beiträge
    320

    Standard

    Naja, lt. caniuse.com sind das global gesehen aktuell gerade noch 1,7% der Browser und den IE10/11 kann man jetzt auch langsam mal vernachlässigen.

    Flexbox.jpg

    Also warum das nicht mit Flexbox erledigen? Das sind eine Handvoll CSS-Anweisungen und der "Kas ist gebissen"...
    Joachim
    *** Kein Backup, kein Mitleid ***

  5. #5
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    140

    Standard

    Zitat Zitat von jscholtysik Beitrag anzeigen
    Naja, lt. caniuse.com sind das global gesehen aktuell gerade noch 1,7% der Browser und den IE10/11 kann man jetzt auch langsam mal vernachlässigen.

    Flexbox.jpg

    Also warum das nicht mit Flexbox erledigen? Das sind eine Handvoll CSS-Anweisungen und der "Kas ist gebissen"...
    Hast du mal ein Beispiel einer Seite mit Flexbox? Habe das noch nicht bewusst gesehen ...

  6. #6
    Contao-Fan Avatar von jscholtysik
    Registriert seit
    19.06.2009.
    Ort
    München
    Beiträge
    320

    Standard

    Hier z.B.:

    http://www.css-wiki.com/listings/flexbox.html

    Beispiel 16 zeigt genau das, was Du machen möchtest. Oder hier:

    http://intensivstation.ch/css3/flex/

    das Beispiel 5 in deutsch.
    Geändert von jscholtysik (12.06.2019 um 13:14 Uhr)
    Joachim
    *** Kein Backup, kein Mitleid ***

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •