Demoseite
From Gravopedia
Contents |
Hochgeladenes Bild
So baut man ein hochgeladenes Bild ein:
Bild im Text, Text mittig
Zeile vor dem Bild
Der Text läuft so, dass das Bild in der Mitte der Zeile ist. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, dass die nächste Zeile unter dem Bild weitergeht.
Nächste Zeile
Bild links, Text rechts
Ist left angegeben, darf vor dem Bild kein Text stehen. Das Bild steht dann links, der Text läuft rechts daran vorbei.
Text links, Bild rechts
Ist right angegeben, darf vor dem Bild auch kein Text stehen. Diesmal ist der Text auf der linken Seite. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.
Bild mit Rahmen
Bilder mit Rahmen landen immer rechts. Will man sie links haben, muss man zusätzlich left angeben. Damit man das auch richtig demonstrieren kann, ist in dieser Zeile so viel Text, dass er auf die nächste Zeile umbrochen werden muss, so dass man sieht, wo der Text weitergeht.
Ein Bild im Rahmen mit Vorschau
Klickt man auf das Bild, sieht man eine höhere Auflösung. Übrigens sieht man hier auch, dass Bilder, wenn sonst nichts angegeben ist, immer rechts stehen und der Text links läuft.
Textfluss neben einem Bild beenden
Etwas nervig kann es sein, wenn der Text, der neben einem Bild fliesst, recht kurz ist. Wenn der Benutzer sein Browserfenster recht groß zieht, kann es passieren, dass noch ganz andere Dinge neben dem Bild laufen, als vorgesehen, zum Beispiel neue Abschnitte. Um weiteren Text garantiert nicht mehr neben dem Bild weiterlaufen zu lassen, setzt man obendrüber <br clear="all"<, so wie hier obendrüber gezeigt.