in der Mitte Blöcke nebeneinander betreiben

mtimmer

Ich möchte gerne in meinem Block, ein 3 Column- Block, im Mittelteil Blöcke betreiben, die ich verschieden mit Text, Tabellen, Fotos etc. füllen kann.
bspw. wie hier
http://www.liv-ex.com/

Geht das? So eine Art Widget....oder vielleicht braucht es ja nur ein Code-Schnippsel

Ein Dankeschön für jeden Tipp!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bgeissler

Erstelle im mittleren Bereich (div id="mitte") 2 neue Bereiche (div id="mittelinks" und div id="mitterechts") und ordne sie mittels css an.
Mehr kann ich nach deinen Infos nicht beitragen.

mtimmer

danke bgeissler,

ich möchte Container nebeneinander anordnen und mit Text, Bilder oder Widgets etc. füllen.
Je nach Seite anders. D.h. es muss über den Editor gesetzt werden.
Wenn ich das im Stylesheet ändere, dann gilt das ja für alle Seiten.

Wenn ich folgendes im Editor angebe, erhalte ich bereits einen Container:

<div style="background-color:#efefef;width:600px;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 600 hoch 400
</div>

Jetzt will ich aber mehrere Container nebeneinander setzen. Was muss ich da noch für Code setzen?

Ich hoffe jetzt ist es etwas klarer.

bgeissler

Wenn du es so machen willst, dann hier:

Code

<div style="float:right; background-color:green;width:300px;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 300 hoch 400
</div>
<div style="float:left; background-color:yellow;width:300px;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 300 hoch 400
</div>

Du kannst das aber auch in einem eigenen Seitentemplate mit eingen css-Formatierungen realisieren. Dann kannst du das Seitentemplate für bestimmte Seiten angeben.

Blyawon

Wenns es 3 Container nebeneinander sein sollen, dann musst du via css alle auf float: left; machen.

mtimmer

danke an Euch!
Ja genau das suche ich!
Wie muss der Code aussehen, wenn ein Container durchgehend oberhalb und unterhalb der beiden Container stehen soll?

Ist es möglich, das Widget "letzte Artikel" (was Standardmäßig in WP ist) in einem der Container einzubinden?

bgeissler

Code

<div style="float:left; background-color:blue;width:600px;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 600 hoch 400
</div>
<div style="float:left; background-color:green;width:300px;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 300 hoch 400
</div>
<div style="float:left; background-color:yellow;width:300px;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 300 hoch 400
</div>
<div style="float:left; background-color:red;width:600px;
height:400px;">
Ein Inhalt mit Hintergrundfarbe
und Angabe von Breite und Höhe. breit 600 hoch 400
</div>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

in der Mitte Blöcke nebeneinander betreiben

Jetzt mitmachen!