Margins bei Floating setzen

Eine einfache Regel, die gefloatete Bilder und Grafiken im Fließtext passend ausrichtet. Der Ausgangswert – AW – ist der (gegebenenfalls abgerundete) Wert aus Schriftgröße/2. Verwendet man also eine Schriftgröße von 16px, so ist der Ausgangswert 8px. Verwendet man die Schriftgröße 15px, dann ist der Ausgangswert 7px.

Für die Bilder/Grafiken, die gefloatet werden sollen, entstehen daraus folgende Werte:

Textspiegel: links ausgerichtet oder Blocksatz. Bild: links ausgerichtet.

img.alignleft {
  float: left;
  margin-top: aw;
  margin-right: aw x 3;
  margin-bottom: aw;
  margin-left: 0;
}

Textspiegel: links ausgerichtet. Bild: rechts ausgerichtet.

img.alignright {
  float:right;
  margin-top: aw;
  margin-right: aw;
  margin-bottom: aw;
  margin-left: aw x 2;
}

Textspiegel: Blocksatz. Bild: rechts ausgerichtet.

img.alignright {
  float: right;
  margin-top: aw;
  margin-right: 0;
  margin-bottom: aw;
  margin-left: aw x 2;
}
Do NOT follow this link or you will be banned from the site! Wo niemand klickt