Hauptseite | Letzte Änderungen | Seite bearbeiten | Versionen

Druckversion | Lizenzbestimmungen

Nicht angemeldet
Anmelden | Hilfe
 

Numispedia:Handbuch - Bilder II

Beispiele

Bild:Bodenwellen-klein.png ACHTUNG: Dieser Artikel bedarf dringend einer Überarbeitung. Wenn du Lust hast, beteilige dich daran und entferne diesen Baustein, wenn du den Artikel verbessert hast.


Alle Beispiele gehen auch mit mehreren Bildern nebeneinandern - einfach beide Bilderaufrufe im Text nebeneinander setzen. Wenn zwischen 2 Bildern ein <br /> gesetzt wird, erscheinen die Bilder untereinander ... Ihr könnt den Text dann neben dem Bild runterschreiben - aber nicht bestimmen das der Absatz neben Bild A ist und der zweite Absatz neben Bild B! Dafür muß man die unten genannten Beispiele entsprechend wiederholen!


Alles was innerhalb eines <div> .... </div> steht, ist ein sogenannter Kontainer .. hier kann ein Bild sein, oder auch nur Text - oder beides. Was hinter dem </div> steht, ist wir dann entsprechend verarbeitet (Unten drunter, links oder rechts vom Kontainer wird es erscheinen).


Text rechts vom Bild

125px

Dieser Texte steht jetzt rechts vom Bild ... Wenn der Text länger wird als die höhe des Bildes, wird der Text unter dem Bild weiter geschrieben

Quellcode:

<div style="float:left;padding-left:20px;padding-right:20px"> [[Bild:50state_wisconsin_250_pp.jpg]] </div>
Dieser Texte steht jetzt rechts vom Bild ... Wenn der Text länger wird als die höhe des Bildes, wird der Text unter dem Bild weiter geschrieben.
<p style="clear:both"></p>




Text links vom Bild

125px

Dieser Texte steht jetzt links vom Bild ... Wenn der Text länger wird als die höhe des Bildes, wird der Text unter dem Bild weiter geschrieben

Quellcode:

<div style="float:right;padding-left:20px;padding-right:20px"> [[Bild:50state_wisconsin_250_pp.jpg]] </div>
Dieser Texte steht jetzt links vom Bild ... Wenn der Text länger wird als die höhe des Bildes, wird der Text unter dem Bild weiter geschrieben
<p style="clear:both"></p>




Text rechts vom Bild mit einer Bild-Unterschrift

125px
State-Quarter für den Staat Wisconsin

Dieser Texte steht jetzt rechts vom Bild - Das Bild hat eine Unterschrift. Die Unterschrift bzw. das Bild geben die max. Breite an - wenn diese Unterschrift Breiter als das Bild ist, wird der Seitentext sich daran halten und weiter vom Bild entfernt stehen - eine Überschneidung Unterschrift und Randtext ist daher nicht möglich.

Quellcode:

<div style="float:right;text-align:center;padding-left:20px;padding-right:20px"> [[Bild:50state_wisconsin_250_pp.jpg]] <br /> State-Quarter für den Staat Wisconsin </div>
Dieser Texte steht jetzt rechts vom Bild - Das Bild hat eine Unterschrift. Die Unterschrift bzw. das Bild geben die max. Breite an - wenn diese Unterschrift Breiter als das Bild ist, wird der Seitentext sich daran halten und weiter vom Bild entfernt stehen - eine Überschneidung Unterschrift und Randtext ist daher nicht möglich.
<p style="clear:both"></p>




Text unter dem Bild

125px
Eine einfache Bild-Unterschrift

Quellcode:

<div style="float:right;text-align:center;padding-left:20px;padding-right:20px"> [[Bild:50state_wisconsin_250_pp.jpg]]<br /> Eine einfache Bild-Unterschrift </div> <p style="clear:both"></p>


Wichtig:

Wenn Ihr neben einem Bild etwas schreibt, setzt auf jedenfall <p style="clear:both"></p> am Abschluß. Dieser Befehl macht dem Browser ganz unmissverständlich klar, das jetzt eine neue Zeile angefangen werden muß. Einfach 2 Leerschritte oder <br /> bringt nichts!

Von "http://www.numispedia.de/Numispedia:Handbuch_-_Bilder_II"

Diese Seite wurde bisher 1860 mal abgerufen. Diese Seite wurde zuletzt geändert um 14:47, 20. Feb 2005. Inhalt ist verfügbar unter der Creative Commons.


[Hauptseite]
Hauptseite
Letzte Änderungen
Zufälliger Artikel
Aktuelle Ereignisse

Seite bearbeiten
Diskussion
Versionen
Was zeigt hierhin
Verlinkte Seiten

Spezialseiten
Kontakt