Benutzer:Plutowiki/Bilder einbinden

Bilder nebeneinander

Mit Vorlage Doppeltes Bild:

Bildlegende 1

Bildlegende 1

Bildlegende 1

Bildlegende 1

Mehrere Bilder rechts

Bildlegende 1

Bildlegende 2

Bildlegende 3

Die Bilder sind von rechts nach links angeordnet!

[[Datei:Bild180.jpg|mini|Bildlegende 1]]
<div class="tright" style="clear:none;>[[Datei:Bild181.jpg|mini|ohne|Bildlegende 2]]</div>
<div class="tright" style="clear:none;>[[Datei:Bild3.jpg|mini|ohne|Bildlegende 3]]</div>

Alternativ können die Bilder auch in einer Tabelle angeordnet werden:

Bildlegende 1

Bildlegende 2

Bildlegende 3

{|style="float:right; background:transparent; padding:0px; margin:0px;"
|- style="vertical-align:top"
|[[Datei:Bild180.jpg|mini|Bildlegende 1]]
|[[Datei:Bild181.jpg|mini|Bildlegende 2]]
|[[Datei:Bild3.jpg|mini|Bildlegende 3]]
|}

Mehrere Bilder links

Bildlegende 1

Bildlegende 2

Bildlegende 3

[[Datei:Bild180.jpg|mini|links|Bildlegende 1]]
<div class="tleft" style="clear:none;>[[Datei:Bild181.jpg|mini|ohne|Bildlegende 2]]</div>
<div class="tleft" style="clear:none;>[[Datei:Bild3.jpg|mini|ohne|Bildlegende 3]]</div>

Bild rechts, neben Infobox

Infobox rechts

Bildlegende

<div style="float:right;">[[Datei:CH-Vorschriftssignal-Rechtsabbiegen.svg|mini|Bildlegende]]</div>

Gallery

• 
  Bildlegende 1
• 
  Bildlegende 2
• 
  Bildlegende 3

<gallery widths="200" heights="130">
Bild180.jpg|Bildlegende 1
Bild181.jpg|Bildlegende 2
Bild3.jpg|Bildlegende 3
</gallery>

oder

• 
  Bildlegende 1
• 
  Bildlegende 2
• 
  Bildlegende 3

<gallery mode="packed">
Bild180.jpg|Bildlegende 1
Bild181.jpg|Bildlegende 2
Bild3.jpg|Bildlegende 3
</gallery>

oder auch

• In jeder Gallery kann ein Titel erstellt werden.
• 
  Bildlegende 1
• 
  Bildlegende 2
• 
  Bildlegende 3

Gallery rechts des Texts

<gallery class="float-right" caption="Titel">
Bild180.jpg|Bildlegende 1
Bild181.jpg|Bildlegende 2
Bild3.jpg|Bildlegende 3
</gallery>

Aufzählungspunkt neben linksbündigem Bild

Bild links

Damit die Aufzählungspunkt nicht in das linksbündige Bild hineinragen, statt * (Text)Eingabe von
&nbsp; ● &nbsp;(Text)<br />

Beispiel:
  ●  (Text)
  ●  (Text)

Neuanfang des Texts

Bild links...

... und rechts

<div style="clear:both;"></div> bewirkt, dass der Text erst nach dem Ende der beiden Bilder links und rechts weiterfährt.

nur Bild links

<div style="clear:left;"></div> bewirkt, dass der Text erst nach dem Ende des Bildes links weiterfährt.

nur Bild rechts

<div style="clear:right;"></div> bewirkt, dass der Text erst nach dem Ende des Bildes rechts weiterfährt.

Links auf Wikimedia-Datei

[[:Datei:CH-Vorschriftssignal-Linksabbiegen.svg]] erscheint als «Datei:CH-Vorschriftssignal-Linksabbiegen.svg» (Text),
[[Datei:CH-Vorschriftssignal-Linksabbiegen.svg]] hingegen als Bild.