Benutzer:Plutowiki/Bilder einbinden

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

Bilder nebeneinander

[Bearbeiten | Quelltext bearbeiten]

Mit Vorlage Doppeltes Bild:

Bildlegende 1
Bildlegende 1
Bildlegende 1
Bildlegende 1
Bildlegende 1
Bildlegende 1
Bildlegende 1
Bildlegende 1

Mehrere Bilder rechts

[Bearbeiten | Quelltext bearbeiten]
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]]
|}

[Bearbeiten | Quelltext bearbeiten]
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

[Bearbeiten | Quelltext bearbeiten]
Infobox rechts
Bildlegende

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

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

oder

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

oder auch


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

[Bearbeiten | Quelltext bearbeiten]
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

[Bearbeiten | Quelltext bearbeiten]
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.

[Bearbeiten | Quelltext bearbeiten]

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