Antworten auf deine Fragen:
Neues Thema erstellen

Fließtext (float) um ein div

C

carracas

Guest

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 ;-)
 
Zuletzt bearbeitet von einem Moderator:

redbug

Freizeitworkaholic

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

CSS verliebt

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.
 
Zuletzt bearbeitet:

Herr_D

offline

AW: Fließtext (float) um ein div

Code:
<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?
 
C

carracas

Guest

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.
 
Zuletzt bearbeitet von einem Moderator:

sokie

Mod | Web

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.
 
Zuletzt bearbeitet:
C

carracas

Guest

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

Excel (SVERWEIS...)

AW: Fließtext (float) um ein div

Das klappt jetzt zwar aber ......:rolleyes:

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.:rolleyes:
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben