Bilder zwischen Absätzen

[Camping_RIDER]

Aloha ;)

Wie gebe ich das float:none dann an? Also direkt bei dem img-Befehl mit eingeben?

Optimalerweise gibst du dem Bild eine Klasse (mit aussagekräftigem, also strukturbezogenem und nicht darstellungsbezogenem, Klassennamen, z.B. class="im-Fliesstext"^[1])...

<img src="www.link-zum-bild.de/skibergsteigen" alt="Chakka." title="Lakka!" class="im-Fliesstext"/>

...und fügst die Regel in ein externes Stylesheet ein:

img.im-Fliesstext {
  float:none;
}

Die Vergabe eines Klassennamen ist nur eine Möglichkeit; könnte sein, dass du diese Bilder auch anders eindeutig selektieren kannst, was dann vorzuziehen wäre (bspw. über Elternelemente oder dergleichen).

Wenn das nicht möglich ist (wahrscheinlich hast du keine Zugriffsmöglichkeit auf ein Stylesheet) kannst du es tatsächlich auch direkt ins HTML schreiben, allerdings nicht so...

<img src="www.link-zum-bild.de/skibergsteigen" alt="Chakka." title="Lakka!" float="none"></img>

...sondern so:

<img src="www.link-zum-bild.de/skibergsteigen" alt="Chakka." title="Lakka!" style="float:none;"/>

Das float ist eine CSS-Eigenschaft und muss deshalb in HTML im Style-Attribut definiert werden, wenn das inline geschehen soll (externes Stylesheet statt inline wäre besserer Stil, aber wenns nicht geht gehts eben nicht).

Eventuell willst du die Bilder auch noch auf display: block setzen.

Wie gebe ich das dann mit ein?

img.im-Fliesstext {
  float:none;
  display:block;
}

bzw.

<img src="www.link-zum-bild.de/skibergsteigen" alt="Chakka." title="Lakka!" style="float:none;display:block;"/>

Grüße,

RIDER

---

1. Wenn ich nicht irre, dürfte ß hier nicht erlaubt sein. ↩︎