Beispielseite mit Text und Bildern
Variante 1: Ein Bannerbild über dem Absatz
Bannerbilder eignen sich sehr gut als Blickfang ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ .
Variante 2: Bild links, vom Text umflossen
Eine gängige Art für die Positionierung eines Bildes im Absatz ist auf der linken Seite mit umfliessendem Text. ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ...
Variante 3: Bild links neben Text mit Rahmen und Hintergrund
Manchmal ist es aber auch erwünscht, dass sich der Text rechts vom Bild im Block darstellt und das Bild nicht umfliesst, auch das ist möglich. ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ...
Variante 4: Bild rechts vom Text
Natürlch geht das auch mit dem Bild rechts vom Text, hier einmal mit einem größeren Bild und mit nicht umfliessenden Text. ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ...
Variante 5: Bild rechts, vom Text umflossen
Das ganze jetzt nochmal mit umfliessenden Text und noch kleinerem Bild... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ...
Variante 6: Bild unterhalb des Textes
Dafür eignet sich wieder unser Bannertestbild, dieses Mal unterhalb des Textes positioniert ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ...