Sprungmarken

Servicenavigation

Hauptnavigation

Sie sind hier:

Hauptinhalt

Bilder

Bild ausrichten

Um ein Bild auszurichten, dieses zunächst im Editor einfügen. Danach das Bild anklicken und im Auswahlfeld neben der Lupe eines der folgenden Formate auswählen:

  • img.bild_rechts, um das Bild nach rechts zu setzen
  • img.bild_links, um das Bild nach links zu setzen
  • img.bild_links_ohne_umfluss, um das Bild nach links zu setzen und umfließenden Text zu vermeiden

Für HTML-Experten:


In der Quelltextansicht würde der komplette img-Tag dann z. B. so aussehen:

<img class="bild_links" alt="Ein Foto von ..." src="....." />

Dahinter steckt die css-Eigenschaft "float".

Hat man mehrere floatende Bilder untereinander, oder mehrere Bilder mit vergleichsweise wenig Text, so "umfließen" sie sich auch gegenseitig. Um dieses unerwünschte floaten zu verhindern, kann man

  1. eine passende css-Klasse verwenden, z.B.
    <br class="clear">
  2. eine inline Styleanweisung geben, z.B.
    <p style="clear:left;">

Sollen die Bilder danach wieder den Text umfließen, ist erneut die Klasse, z.B.  "bild_links", zuzuweisen.