Textblock wird untereinander gezeigt

    • Anzeige

    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

  • Das ist vermutlich ein Stylesheet-Problem, dass sich am besten mit einem Link zur betreffenden Seite lösen lässt. Ich nehme mal an, dass die einzelnen Blöcke gefloatet werden müssen.

  • Soll heißen: Poste bitte einen Link zu der betreffenden Seite. Ansonsten können wir hier nur raten, und wenn ich raten müsste, dann würde ich sagen, dass da etwas gefloatet werden muss. Aber wenn man sich die Seite anschauen kann, lässt sich das immer leichter und genauer sagen.

  • Gleich vorweg, viel genauer kann ich es Dir nicht erklären. Wenn Du Dich nicht mit HTML und CSS auskennst, musst Du das möglicherweise jemanden machen lassen, der sich damit auskennt.

    Ok, Du hast das einfach als Inhalt in eine statische Seite geschrieben, oder? Bearbeite die Seite mal und schließe die Boxen jeweils mit einem div ein, so etwa:

    Code
    <div class="smssprueche">
      <p>Sprüche Kategorie: Fun</p>
      <p><script language="JavaScript" src="..."></script></p>
    </div>

    Nach der letzten Box kommt das rein:


    Code
    <br style="clear: left;" />

    Und ins Stylesheet irgendwo das hier:

    Code
    .smssprueche {
      float: left;
      margin-right: 1em;
    }

    Über den margin-Wert kannst Du den Abstand der Boxen zueinander kontrollieren.


  • Bearbeite die Seite mal und schließe die Boxen jeweils mit einem div ein, so etwa:

    Code
    <div class="smssprueche">
      <p>Sprüche Kategorie: Fun</p>
      <p><script language="JavaScript" src="..."></script></p>
    </div>

    Soll ich nur ein div davor und am Ende tun? Denn bei mir klappt das nicht.

    Und ins Stylesheet irgendwo das hier:

    Code
    .smssprueche {
      float: left;
      margin-right: 1em;
    }


    Ich hab es hier reingemacht.

    Wenn ich das alles mache, sieht es genauso so aus wie vorher.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!