Achtung: Auf diesen Seiten können von Benutzern zu Testzwecken beliebige Texte und Bilder eingegeben werden. Dabei sind Texte und Bilder mit pornographischen, fremdenfeindlichen, rechtsradikalen oder sonst illegalen Inhalten ausdrücklich untersagt. mikroH distanziert sich ausdrücklich von solchen Inhalten, wie auch von entsprechenden Inhalten von hier aus verlinkter Seiten und übernimmt dafür keinerlei Verantwortung. Um Mißbrauch zu verhindern, wird der Inhalt dieser Testseiten alle 2 Stunden zurückgestellt. Die nächste Rückstellung findet in 1.18 Stunde(n) statt.

Powered by

Unsere Seiten sind W3C
validiert:

Beispiel für eine Seite mit Text und Bildern

Variante 1: Ein Bannerbild über dem Absatz

Bannerbilder eignen sich sehr gut als Blickfang ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ .

Bildunterschrift

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. ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ...

Hier kann eine kleine Bildbeschreibung untergebracht werden

Variante 3: Bild links neben Text

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 ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ... ... .... ... ... .... ... ..... ........ ... ... ... .. ..... ... ... .... ......... .. ...

Und nur zur Anschauung hier mal das Banner mit Bildunterschrift, die z.B. einen kurzen erklärenden Text zum Bild enthalten könnte