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;">"Wandel und Wechsel liebt, wer lebt", so sprach schon Richard Wagner. Also warum nicht mal was Neues? Eventuell können wir Sie mit unseren neu eingetroffenen Produkten inspirieren? </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"> <div> <div style="page-break-after: always"> <span style="display: none;"> </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> </div> <p> <span style="font-family:verdana,geneva,sans-serif;"><span style="font-size: 14px;">Darum möchten wir Ihnen den Einkauf so angenehm wie möglich gestalten.<br /> <br /> Neben dem Kauf auf Rechnung und einem verlängertem Rückgaberecht von<br /> 30 Tagen bieten wir auch einen kostenlosen Rückversand.<br /> <br /> Kennen Sie schon unseren Geschenke-Service? Artikel aussuchen, Service hinzubuchen und zurücklehnen. Den Rest übernehmen wir für Sie. Garantiert ohne Zusatzkosten.Versprochen!<br /> <br /> Wußten Sie schon? Bei uns erhalten Sie zu jedem gekauften batteriebetriebenen Artikel die benötigte Batterie kostenfrei dazu!<br /> <br /> Und sofern Sie uns heute zum ersten Mal besuchen, haben wir noch ein kleines Willkommensgeschenk für Sie. Der Gutscheincode ist im Warenkorb einlösenbar: </span></span><br /> </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 /> </div> </div>
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.
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
du hast über dem Titel ein <br /> wenn Du den raus nimmst, sollte der Text mit dem Bild auf einer Höhe sein.