Ergebnis 1 bis 6 von 6

Thema: Mehrspaltigkeit bei Artikeln, 3 nebeneinander, 3 untereinander

  1. #1
    Contao-Nutzer Avatar von endlezZ
    Registriert seit
    13.08.2010.
    Ort
    Paderborn
    Beiträge
    224

    Beitrag Mehrspaltigkeit bei Artikeln, 3 nebeneinander, 3 untereinander

    Hallo,
    habe vor mir im Hauptteil meines Templates quasi 3 kurze Artikel nebeneinander und 3 untereinander, sodass ich auf 9 komme, darstellen zu lassen.

    Wie kann ich das realisieren? Habe was von der Erweiterung "subcolumns" gehört, habe diese auch installiert aber keine Ahnung wie ich nun damit arbeite. Neuen Artikel anlegen und dann irgendwie die Spalten laut Anleitung aufteilen.. Finde aber nichts wie ich das machen kann..

    Wie funzt das oder habt Ihr ne bessere Lösung?

    Es muss halt hinterher leicht editierbar sein. Wollte mir erst 3*3, also 9 Layoutpositionen im TemplateCode einrichten, was natürlich absoluter Quatsch ist

    MfG und Danke!

  2. #2
    Contao-Fan Avatar von Bandyt
    Registriert seit
    22.04.2010.
    Ort
    Bremen
    Beiträge
    808

    Standard

    Du könntest das mit CSS lösen.

    Die Artikelbreite auf 1/3 der Seitenbreite einstellen (Oder besser noch etwas weniger, dann kannst du etwas Platz dazwischen einbauen).
    Danach die Eigenschaft float: left (Oder wenn es rechtsbündig seien soll "right") setzten.
    Damit werden dann immer 3 Artikel nebeneinander angezeigt und erst danach eine neuen Zeile benutzt.

  3. #3
    Contao-Nutzer Avatar von siebenvier
    Registriert seit
    26.08.2010.
    Ort
    Potsdam
    Beiträge
    80

    Standard

    Oder du benutzt das Pixel-Gridsystem.
    Die Klassen g1 bis g12 sollten dir dabei hilfreich sein.
    Je nach Breite der Box musst du zusätzlich für den gewünschten Artikel z.B. die Klasse g3 (220px Breite) angeben.
    Geändert von siebenvier (01.09.2010 um 16:06 Uhr)
    Vergessen du musst, was früher du gelernt!

  4. #4
    Contao-Nutzer Avatar von endlezZ
    Registriert seit
    13.08.2010.
    Ort
    Paderborn
    Beiträge
    224

    Standard

    Das mit der Stylesheeterweiterung hört sich doch ganz gut an.

    Wie mache ich das genau?

    Ich mache in der CSS einen Eintrag:
    Code:
    .dreiSpalten {
    
    float : left
    }
    was fehlt da noch?

    Und dann trage ich die Klasse ohne Punkt in jedem Artikel ein, den ich in der Hauptspalte meinen 3*3 Artikelblock zuordnen will?

    Oder wie sonst?

    MfG und Danke

  5. #5
    Contao-Fan Avatar von Bandyt
    Registriert seit
    22.04.2010.
    Ort
    Bremen
    Beiträge
    808

    Standard

    Es fehlt noch:

    Code:
    width: 33%
    Also entweder in % (Hier 1/3) oder halt absolut (z.b. 341px, wenn die Gesamtbreite 1024 ist).

  6. #6
    Contao-Fan Avatar von Bobi
    Registriert seit
    19.06.2009.
    Ort
    Tübingen
    Beiträge
    331

    Standard

    Also ich würde das tatsächlich mit subcolumns lösen, ist echt ganz einfach.

    Du legst einen Artikel an. In diese Artikel erstellst du ein neues Element. Unter Elementtyp wählst du einfach Spaltenset Start aus, bei bedarf gibst du dem Spaltenset für die Zuordnung einen Namen (macht es sonst automatisch).

    Bei Spaltenset Typ wählst du in deinem Fall 33x33x33 aus. Somit hast du die Möglichkeit 3 Artikel nebeneinander darzustellen - Der Rest der Einstellungen hier ist selbsterklärend.
    Nach dem Speichern hast du nun in deiner Artikelübersicht 4 Inhaltselemente vom Typ Spaltenset. Da steht denn auch dran, Inhalt füpr die Erste Spalte einfügen usw. Nun platzierst du einfach nach "Inhalt für die erste Spalte nach diesem Element einfügen" Deines erstes Inhaltselement.
    Nach dem zweiten das zweite...usw...

    Um deine 9 Artikel so zu machen in drei Reihen, musst halt das ganze 3fach anlegen - und schon biste fertig.

    Aber Achtung: Da subcolumns ein Teil des YAML Frameworks ist, musst du es in der Fußzeile oder im Impressum erwähnen, oder um es ohne Verweis nutzen zu dürfen, die Lizenz kaufen.

    Hoffe, dir geholfen zu haben,

    LG,
    Bobi
    Geändert von Bobi (01.09.2010 um 19:08 Uhr)

Aktive Benutzer

Aktive Benutzer

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

Ähnliche Themen

  1. Teaser auf Startseite nebeneinander statt untereinander
    Von carlos im Forum Sonstiges zu Contao
    Antworten: 6
    Letzter Beitrag: 25.01.2016, 10:21
  2. subcolumns im IE6 untereinander
    Von almitra im Forum Sonstige Erweiterungen
    Antworten: 13
    Letzter Beitrag: 06.01.2010, 11:11
  3. Login untereinander
    Von chr.flader im Forum Geschützte Bereiche/Mitglieder
    Antworten: 36
    Letzter Beitrag: 25.12.2009, 17:29
  4. Antworten: 3
    Letzter Beitrag: 10.12.2009, 14:14
  5. Navigation und Arbeitsbereich nur untereinander
    Von Oscartron im Forum Layout / Templates / Holy Grail
    Antworten: 1
    Letzter Beitrag: 15.11.2009, 12:46

Lesezeichen

Lesezeichen

Berechtigungen

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