Beiträge horizontal darstellen.

beatrice

Hallo zsm.

Kennt jemand von Euch eine Möglichkeit sämtliche Beträge parallel nebeneinander stehen zu lassen? So dass man 'endlos' nach rechts scrollen muss. Anstatt nach oben und unten. (Manche mögen das.)

Ich habe bereits sämtliches CSS angeschaut und mit HTML Tags experimentiert, aber ohne Erfolg. Bin kein Profi.

Gibt es vielleicht schon ein fertiges Theme, das sowas kann?

Danke für Eure Hilfe.

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

marX

Du benötigst dazu einen Container, dem du eine feste Breite zuweist - je nachdem wieviele Artikel er enthalten soll (z.B. 10 x 200px = 2000px). Innerhalb dieses Containers definierst du den Loop. Jeder Beitrag wird dabei in einem eigenen weiteren Container ausgegeben, dem die Einzelbreite zugewiesen wird (d.h. hier 200px). Diese Einzelbeitragscontainer kannst du dann mit float:left nebeneinander setzen - so lange wie der umschließende Container breit ist (also hier 10x). Paddings und Margins aller Container beim Berechnen beachten. ;-)

Minimalbeispiel:

Code

<div class="outer-loop" style="width:2000px">
  <div class="inner-loop" style="width:200px;float:left;">
    <h2>Titel</h2>
    <p>Lorem Ipsum...</p>
  </div>
  <div class="inner-loop" style="width:200px;float:left;">
    <h2>Titel</h2>
    <p>Lorem Ipsum...</p>
  </div>
  <div class="inner-loop" style="width:200px;float:left;">
    <h2>Titel</h2>
    <p>Lorem Ipsum...</p>
  </div>
  ...
</div>

Alles anzeigen

Ganz einfach wird das aber nicht, floats können mitunter etwas tückisch sein. ;-)

beatrice

ok. danke. so versuche ich es mal.
falls es dich interessiert. halte ich dich auf dem laufenden :)

beatrice

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge horizontal darstellen.

Jetzt mitmachen!