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;
}