Ergebnis 1 bis 3 von 3

Thema: grid in news verwenden

  1. #1
    Contao-Fan Avatar von aportmann
    Registriert seit
    19.06.2009.
    Ort
    schweiz
    Beiträge
    422
    Partner-ID
    5934

    Standard grid in news verwenden

    hallo zusammen

    beschäftige mich nun zum zweiten mal mit dem neuen contao grid und bin dabei, ein paar konstelationen nachzustellen.
    eine davon bereitet mir zurzeit kopfschmerzen:

    ausgangslage ist ein mit dem layoutbuilder erstellte seitenlayout mit einer rechten randspalte. diese funktioniert tipptopp.
    auch ist es möglich, in einem artikel das grid zu verwende. problematisch wird es aber dann, wenn man z.b. ein newsarchiv einbaut, und darin ebenfalls spalten verwendet.
    da .mod_newsarchive ein margin von 10px links und rechts bereits hat, werden die spalten zum restlichen eintrag logischerweise um 10px nach innen verschoben (siehe anhang, ganz unten).

    gibt es dazu eine praktikable lösung? natürlich könnte ich .mod_newsarchive den margin entziehen, müsste dann jedoch jedem inhaltselement bei den news eine grid-klasse geben.
    oder man setzt z.b. die semantic-html5-extension ein und macht um die betroffenen spalten eine row, setzt diese mit negativen margins links und rechts in die richtige position.


    gruss andi
    Angehängte Grafiken Angehängte Grafiken
    Geändert von aportmann (09.01.2013 um 10:27 Uhr)
    Gruss Andi

  2. #2
    Contao-Fan
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    463

    Standard

    Die Antwort kommt wahrscheinlich ein bisschen zu spät, aber ich bin erst gerade eben über die Frage gestolpert:

    Code:
    #main .mod_article .mod_newsreader [class*="ce_"] {margin-left: 0; margin-right: 0;}
    Vielleicht hilft es ja jemandem

    Gruß
    Thekla

  3. #3
    Contao-Fan
    Registriert seit
    27.11.2009.
    Ort
    Bremen
    Beiträge
    463

    Standard

    Mit der oben genannten Lösung verschwanden leider auch die Abstände zwischen den Grids :-(
    So funktioniert es aber anscheinend:

    Code:
    #main .mod_article .mod_newsreader {
        margin-right:0;
        margin-left:0;
    }
    
    #main .mod_article .mod_newsreader [class*="ce_"],
    #main .mod_article .mod_newsreader .layout_full > * {
        margin-right:10px;
        margin-left:10px;
    }

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
  •