WBCE CMS Forum

screamindan

Mitglied

Bild links / rechts

Moin. Ich würde gern mit Itemz folgendes machen. Im normalen Contentbereich 2 Bereiche nebeneinander. Links Bild, rechts paar Infos zu dem Bild. Beim nächsten Item soll das dann aber andersrum sein. Bild rechts, links paar Infos. Beim dritten dann wieder Bild links usw. ... Ist sowas möglich? Beim Mobile dann das normale Verhalten (oben Bild, drunter Text...) 

Beitrag geändert von screamindan (13.01.2019 11:23:49)

florian

Administrator

Re: Bild links / rechts

Grundsätzlich ja. Es gibt den Platzhalter [MROW], der abwechselnd pro Reihe 1 oder 2 ausgibt. Du kannst also irgend so etwas bauen
Kopfzeile:

<style>
.reihe1, .reihe2 {clear:both;}
.reihe1 .pic {float:left; width:33.333%;}
.reihe1 .txt {float:left; width:66.666%;}
.reihe2 .pic {float:right; width:33.333%;}
.reihe2 .txt {float:right; width:66.666%;}
</style>

Item:

<div class="reihe[MROW]">
<div class="pic">
{PICTURE}
</div>
<div class="txt">
[LONG1]
</div>
</div>

---

Code allein macht nicht glücklich. Jetzt spenden!

screamindan

Mitglied

Re: Bild links / rechts

Schön. Wird probiert, danke.

florian

Administrator

Re: Bild links / rechts

Ach so, für die Mobildarstellung dann noch ein Mediaquery in den <style> rein

@media screen and (max-width:800px) {
.reihe1 .pic, .reihe1 .txt, .reihe2 .pic, .reihe2 .txt { width:100%; float:none;}
}

---

Code allein macht nicht glücklich. Jetzt spenden!