Beginner: Inhalt von drei auf vier Spalten wechseln

[Moenelti]

Hallo zusammen
ich bin Anfänger mit Contao (Firmenwechsel, Systemwechsel).

Nun soll ich in einer Teamgalerie (Kasten mit Titel, Bild und Job-Beschrieb) von drei Personen auf vier Personen in der Breite wechseln.
Bringe dies jedoch überhaupt nicht zustande. Haben hier Version Contao OpenSource CMS 3.4.2
Erweiterungen über Rocksolid Columns kann ich nicht installieren.
Was kann ich am einfachsten tun?
Kann mir irgendjemand weiterhelfen?

Herzlichen Dank
Mönelti

[Buckshot]

Hi Mönelti

Erstmal herzlich willkommen im Forum.
Kannst Du bitte mal einen Link der Website posten, damit man sich das anschauen kann

thx

[mlweb]

Erweiterungen über Rocksolid Columns kann ich nicht installieren.

Was meinst Du damit? Hast Du keine Berechtigung eine Erweiterung zu installieren oder funktioniert etwas nicht?

[Moenelti]

Hi Mönelti

Erstmal herzlich willkommen im Forum.
Kannst Du bitte mal einen Link der Website posten, damit man sich das anschauen kann

thx

http://www.schalleruto.ch/de/team.html
Vielen Dank!

[mlweb]

Du hast da eine Klasse "people_three_columns". Die Elemente innerhalb dieser Klasse werden derzeit gefloatet damit immer drei Elemente nebeneinander stehen. Daneben hat jeweils das erste und letzte Element eine zusätzliche Klasse um gesondert behandelt werden zu können (z.B. Abstände). Du musst dass css in diesem Bereich entweder auf eine Vierergruppe justieren (Breite und Abstände) oder kannst über neue Techniken wie Flexbox oder CSS-Grid nachdenken. Was aufwendiger oder "besser" ist hängt natürlich vom konkreten Projekt und von Deinem Wissen im Bereich css ab.

[Moenelti]

Du hast da eine Klasse "people_three_columns". Die Elemente innerhalb dieser Klasse werden derzeit gefloatet damit immer drei Elemente nebeneinander stehen. Daneben hat jeweils das erste und letzte Element eine zusätzliche Klasse um gesondert behandelt werden zu können (z.B. Abstände). Du musst dass css in diesem Bereich entweder auf eine Vierergruppe justieren (Breite und Abstände) oder kannst über neue Techniken wie Flexbox oder CSS-Grid nachdenken. Was aufwendiger oder "besser" ist hängt natürlich vom konkreten Projekt und von Deinem Wissen im Bereich css ab.

Danke für Deine Antwort! Das "people-three-columns" habe ich auch gesehen, von three auf four umschreiben nutzte da natürlich nichts :-) du siehst etwas meinen Wissensstand bei css .. Bin mehr Anwender als Formelschreiber resp. liegt dies lange zurück. Ich denke, für mich wäre ein irgend ein einfaches Zusatz-Tool praktisch und nützlich.
Herzlichen Dank aber schon einmal.

[mlweb]

Solche Erweiterungen wie [rocksolid_columns] wären ja dann diese Hilfsmittel, aber damit hattest du ein Problem. Ich habe nur nicht verstanden welches.
Außerdem ist es grundsätzlich m.E. recht schwierig, wenn man als reiner Redakteur im Frontendentwicklerbereich arbeiten möchte oder soll. Da wirst Du ohne fundierte css-Kenntnisse nicht so sehr weit kommen.

Entweder man investiert ins lernen oder man investiert in jemanden der die Bereiche übernimmt, in denen man sich nicht zu Hause fühlt.

[spotbot2k]

Also, grob dürfte es funktionieren, wenn du dine CSS Datei um disen Abschnitt erweiterst:

.people_four_columns .ce_text {
	width: 24%;
	float: left;
	margin-bottom: 1em;
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;
	border-bottom: 0;
	margin-right: 2%;
}
.people_three_columns .ce_text .image_container {
	width: 100%;
}
/* Umbruch für Tablet */
@media screen and(max-width: 960px) {
	.people_four_columns .ce_text {
		width: 48%;
	}
}
/* Umbruch für Mobil */
@media screen and(max-width: 700px) {
	.people_four_columns .ce_text {
		width: 100%;
	}
}

Dann wird es eben die Klasse "people_four_columns" geben. Aber der Inhalt der Seite muss logischerweise auch angepasst werden - es sind ja nur drei pro Reihe da

Die Seite wurde ja damals von einer Agentur umgesetzt, wieso nicht bei Layout-Änderungen die kontaktieren?