Fließtext (float) um ein div

[carracas]

Hallo zusammen,

ich such seit einigen Stunden eine Lösung zu folgendem Problem (siehe Bild).
Ich möchte die rote Fläche (ein <div>) in einem Fließtext erscheinen lassen. Als Initial (also direkt oben) kein Problem. Wie klappt es jedoch, dass ich einige Zeilen des Textes oberhalb des <div>'s hinbekomme. Hat jemand eine Idee??

Grüße carracas

Sorry... Bild im nächsten Posting... bin newbie ;-)

 

[redbug]

AW: Fließtext (float) um ein div

Setzte doch für das Bild anstatt ein div Tag, einfach ein img tag und das float machste links.

 

[leohh]

AW: Fließtext (float) um ein div

Wo soll da das Problem sein?!
Ist genau das selbe wie mit Dropcaps.
Wrapp einfach mit einem semantisch bedeutungslosen span und gib im float.

Okay, das mit dem semantisch, bedeutungslosen span ist vllt. nicht ganz richtig,
wenn man einen neuen Sinnabschnitt damit einleitet will bnutzt man eben strong o.Ae.

 

[Herr_D]

AW: Fließtext (float) um ein div

<div style="width:200px;">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text <img src="4edcqe3d.jpg"  alt="" style="width:100px; height:70px; border:none; float:left">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

</div>

css natürlich auslagern... wozu nen spam wrappen?

 

[leohh]

AW: Fließtext (float) um ein div

wozu nen spam wrappen?

Bin hier von Dropcaps ausgegangen .. weil ich nur das Bild gesehen hab -g-

 

[carracas]

AW: Fließtext (float) um ein div

Setzte doch für das Bild anstatt ein div Tag, einfach ein img tag und das float machste links.

Das hilft mir leider nicht weiter... ich weiss leider nicht wie mein Text vorher aussieht, da er aus einer Datenbank ausgelesen wird. Ich habe also eine einen Bereich für das Bild:

<div style="float:left">da kommt der rote Bereich rein</div>

Und dann habe ich meinen Fließtext. Der Fließtext soll einfach oben, rechts daneben und unterhalb des <div> sein, kein Initial, bzw. Dropcap (redbug, leohh). Ich habe - wie gesagt - den Text nur vollständig zur Verfügung, kann ihn daher nicht manuell einfach unterbrechen (Herr_D).... ich hoffe das hilft Euch zur Lösungsfindung weiter.

 

[sokie]

AW: Fließtext (float) um ein div

Der Fließtext soll einfach oben, rechts daneben und unterhalb des <div> sein

da ist die Lösung von Herrn_D schon die richtige. Und wenn es ein Bild sein soll ist der DIV nicht erforderlich.
wenn du nicht weisst wie der Text aussieht hannst du dir im PHP eine Lösung schreiben, die das Bild in den Text 'schreibt'. das lässt sich mit HTML/CSS nicht lösen.

 

[carracas]

AW: Fließtext (float) um ein div

Vielen Dank für die neuen Ansätze. Ich habe mir jetzt was gebastelt, dass nach einer bestimmten Anzahl von Zeichen den Fließtext nach einem Leerzeichen auftrennt und dort das div mit float:left einbaut. Klappt einwandfrei!

 

[MainAngler]

AW: Fließtext (float) um ein div

Das klappt jetzt zwar aber ......

Was ich damit sagen will ist folgendes:
Angenommen dein Text hat 1800 Zeichen, nach 600 Zeichen kommt deine "Auftrennung" damit das Div erscheint, dann kommen weitere 600 Zeichen die neben dem Div stehen und zum Schluß nochmal 600 Zeichen unten drunter.

Sieht soweit ja gut aus, was aber wenn jetzt der Text insgesamt kürzer oder größer wird?
Sagen wir anstatt 1800 Zeichen hat er nur noch 1200 Zeichen oder eben mehr 3000 Zeichen.
Jetzt würde die Aufteilung nicht mehr gut aussehen, vor allem wenn mehr Text vorhanden ist.

Mir erschließt sich ja noch nicht einmal ob es ein Bild werden soll das an die rote Stelle kommt oder ein Div in welches man Bilder und ggf. noch Text schreiben kann.
Das geht aus keinem Beitrag ersichtlich hervor.