Seite 1 von 1
img in/mit/ohne p
Verfasst: 07.01.2012, 22:02
von sailor_
Ich möchte einen Text um ein Bild fließen lassen:
bbb tttttttttttttt
bbb tttttttttttttt
bbb tttttttttttttt
bbb tttttttttttttt
tttttttttttttttttttt
Wie mache ich das richtig?
1.
2.
3.
Verfasst:
von
SEO Consulting bei
ABAKUS Internet Marketing Erfahrung seit 2002
- persönliche Betreuung
- individuelle Beratung
- kompetente Umsetzung
Jetzt anfragen:
0511 / 300325-0.
Verfasst: 07.01.2012, 22:13
von Can
<img src="..." style="float:left">
Verfasst: 08.01.2012, 11:17
von nicolas
Sollte mit allen deinen drei Code Varianten passen, wenn du Float:left; brauchst.
Verfasst: 08.01.2012, 12:59
von Nokes
Aber auch nur wenn beim <p></p> kein großer Abstand ist. Desswegen würde ich lieber dies her nehmen
Code: Alles auswählen
<p>
<img src=".../bild.png" style="float: right;"/>
Text Text Text Text Text Text Text
Text Text Text Text Text Text Text
</p>
Verfasst: 08.01.2012, 13:24
von Melegrian
Nokes hat geschrieben:Aber auch nur wenn beim <p></p> kein großer Abstand ist.
Vielleicht noch ergänzend, bei p handelt es sich um ein Block-Element, bei img um ein Inline-Element. Wenn der Text von einem Block-Element wie p eingeschlossen wird, so wäre Schreibweise 3 plus float besser, damit das Inline-Element img mit von dem Blockelement p eingeschlossen wird.
Verfasst: 08.01.2012, 13:31
von Mµ
Ich würde den Text auch nicht durch <p> vom Bild abtrennen (sondern beides in <p> [z.B.] setzten). So rankt das Bild besser in der Bildersuche. Der Abstand Bild-Text realisiert man durch margin-Angaben.
Verfasst: 08.01.2012, 13:50
von Melegrian
Wenn das Bild aber noch einen Untertitel oder Urhebervermerk erhalten soll, so wäre diese oder eine ähnliche Schreibweise richtig:
Code: Alles auswählen
<p style="float:left; margin: 5px"><img src="images/bild.gif" style="margin-right: 15px" /><br />Vermerk / Bildtitel</p>
<p>Text </p>
