Hi Leute,
ich denke es gibt fuer mein Problem eine Loesung, aber mein CSS ist leider voellig verrostet bzw. war wohl noch nie so richtig gut. Bei einem Artikel sieht es im Moment so aus, in der Bildschirmansicht ist das Bild rechts und der Artikel umfliesst das Bild. Textanfang und Bildkante sind auf einer Hoehe. So wollen wir das auch. Die Style Angabe fuer das Bild liegt vor dem Textanfang. Baut sich das responsive Design aber fuer die Handyansicht um, wird das Bild vor dem Text gesetzt, das soll vermieden werden. Der Text soll zuerst kommen und dann das Bild. Die Loesung das Bild mit der Style Angabe nach dem Text zu schreiben wird nicht so gern gesehen, das funktioniert zwar gut fuer die Handyansicht aber im Bildschirm Modus wird dann das Bild zu tief dargestellt.
Ich habe die wage Vorstellung das Text und Bild in je einen Container gepackt werden muessen die dann ueber CSS je nach Darstellungsvariante angesprochen werden muessen. Aber es braeuchte dann fuer mich dann doch einen mittleren Denkanstoss wie so etwas aussehen sollte.
Kann mir vielleicht jemand einen Link zeigen der eine Box durch einen Text laufen laesst, im Sinne von oben im Text, mittig im Text, unter dem Text.
Nur der Vollstaendigkeits halber der Quelltext.
<div id="sp-simpleportfolio" class="sp-simpleportfolio sp-simpleportfolio-view-item">
<div class="sp-simpleportfolio-details clearfix">
<div class="sp-simpleportfolio-description">
<h2>Kunden werben Kunden</h2>
<p> <span style="font-size: 12pt; color: #006da7;">Für jeden geworbenen Neukunden, mit einem Verbrauch von mindestens <br /></span></p>
<p><span style="font-size: 12pt; color: #006da7;">10.000 kWh Strom oder 20.000 kWh Gas, erhalten Sie als kleines Dankeschön<br /></span></p>
<p><span style="font-size: 12pt; color: #006da7;">von uns eine <em><strong>Flasche 0,5 L. Sasse Lagerkorn</strong></em>.</span></p>
<p><span style="font-size: 12pt; color: #006da7;"><img style="float: right;" src="/images/dozm4i1m.jpeg" width="486" height="324" /></span></p>
<p> </p>
<p> </p> </div>
</div>
</div>
Alles anzeigen
Und schon mal vielen Dank fuer die Muehe bis hierhin gelesen zu haben.
liebe Gruesse,
gutschy