Wie bekomme ich einen Absatz hier rein?

Thema wurde von sabine_baumann, 26. August 2017 erstellt.

  1. sabine_baumann
    sabine_baumann Erfahrener Benutzer
    Registriert seit:
    29. Juni 2017
    Beiträge:
    296
    Danke erhalten:
    25
    Danke vergeben:
    81
    Hallo zusammen, ich hänge gerade etwas fest und eine bessere Überschrift ist mir leider nicht eingefallen. Aber sie beschreibt auf den Punkt mein Problem ;)

    Ich habe in meinem freien Inhalt zweimal Text auf der linken Seite, Oben ist rechts dazu ein Button, unten ist rechts dazu ein Bild. An der Stelle, wo ich den schwarzen Balken markiert habe, hätte ich gerne einen Absatz, aber das Bild rechts (was zum unteren Text gehört) rutscht nicht mit, sondern bleibt konsequent oben rechts hängen.

    Der Code, den ich benutzt habe, ist folgender: Wo ist der Fehler?
    HTML:
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6">
            <p>
                <span style="font-family:verdana,geneva,sans-serif;"><span style="font-size: 14px;">&quot;Wandel und Wechsel liebt, wer lebt&quot;, so sprach schon Richard Wagner. Also warum nicht mal was Neues? Eventuell k&ouml;nnen wir Sie mit unseren neu eingetroffenen Produkten inspirieren?&nbsp; </span></span>
            </p>
        </div>
    
        <div class="col-xs-12 col-sm-6 col-md-6">
            <a class="btn  btn-default btn-block" href="/products_new.php" title="new products">Zeig mit mehr </a>
        </div>
    </div>
    
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6">
            &nbsp;
            <div>
                &nbsp;
                <div style="page-break-after: always">
                    <span style="display: none;">&nbsp;</span>
                </div>
                <br />
                <span style="font-size:16px;"><span style="//fonts.googleapis.com/css?family=Architects+Daughter"><span style="color: rgb(0, 0, 0);">Ihre Zufriedenheit liegt uns am Herzen</span></span></span>
            </div>
    
            <div>
                &nbsp;
            </div>
    
            <p>
                <span style="font-family:verdana,geneva,sans-serif;"><span style="font-size: 14px;">Darum m&ouml;chten wir Ihnen den Einkauf so angenehm wie m&ouml;glich gestalten.<br />
                <br />
                Neben dem Kauf auf Rechnung und einem verl&auml;ngertem R&uuml;ckgaberecht von<br />
                30 Tagen bieten wir auch einen kostenlosen R&uuml;ckversand.<br />
                <br />
                Kennen Sie schon unseren Geschenke-Service? Artikel aussuchen, Service hinzubuchen und zur&uuml;cklehnen. Den Rest &uuml;bernehmen wir f&uuml;r Sie. Garantiert ohne Zusatzkosten.Versprochen!<br />
                <br />
                Wu&szlig;ten Sie schon? Bei uns erhalten Sie zu jedem gekauften batteriebetriebenen Artikel die ben&ouml;tigte Batterie kostenfrei dazu!<br />
                <br />
                Und sofern Sie uns heute zum ersten Mal besuchen, haben wir noch ein kleines Willkommensgeschenk f&uuml;r Sie. Der Gutscheincode ist im Warenkorb einl&ouml;senbar: </span></span><br />
                &nbsp;
            </p>
        </div>
    
        <div class="col-xs-12 col-sm-6 col-md-6">
            <img alt="buy_1_get_1_free.png" class="img-responsive" src="images/buy_1_get_1_free.png" title="z.B. Bild-Name" /><br />
            <br />
            <br />
            &nbsp;
        </div>
    </div>
    
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.666
    Danke erhalten:
    11.376
    Danke vergeben:
    1.618
    Setzte einmal beim 2.
    <div class="row">
    das ein:
    Code:
    <div class="row" style="margin-top:15px;">
    Mit der Pixelzahl musst Du mal testen, wie viel Du da brauchst.
     
  3. sabine_baumann
    sabine_baumann Erfahrener Benutzer
    Registriert seit:
    29. Juni 2017
    Beiträge:
    296
    Danke erhalten:
    25
    Danke vergeben:
    81
    Danke Barbara, das geht nur bedingt. Habs auf 50 gesetzt, das Bild passt jetzt. Aber der Text links bleibt genauso am Bild kleben und rutscht mit
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.666
    Danke erhalten:
    11.376
    Danke vergeben:
    1.618
    du hast über dem Titel ein
    <br />
    wenn Du den raus nimmst, sollte der Text mit dem Bild auf einer Höhe sein.
     
  5. sabine_baumann
    sabine_baumann Erfahrener Benutzer
    Registriert seit:
    29. Juni 2017
    Beiträge:
    296
    Danke erhalten:
    25
    Danke vergeben:
    81
    Ja, das war es! Vielen Dank!