Hilfe:Anordnung von Bildern

Aus Wikivoyage
Themenübersicht > Anordnung von Bildern
Zur Navigation springen Zur Suche springen

Bei der Gestaltung von Artikeln sollte berücksichtigt werden, dass diese auch auf anderen Geräten als dem Bildschirm darstellbar sind. Dies betrifft in besonderem Maße die Anordnung von Bildern auf Ausdrucken.

Probleme beim Druck[Bearbeiten]

  • Die Breite einer Papierseite ist meist geringer als die auf dem Bildschirm zur Verfügung stehende Breite. Als Richtwert kann man mit ca. 700 Pixeln Breite rechnen.
  • Es kann vorkommen, dass beim Ausdruck Darstellungsfehler auftreten, die an die Bildschirmansicht nicht vorhanden sind.

Bilder und Absätze[Bearbeiten]

Es ist sinnvoll, Bilder nicht in den laufenden Absatz zu schreiben. Dies gilt sinngemäß auch für Listeneinträge. Firefox und Co. brechen an derartigen Stellen den Druck aus unbekanntem Grund ab.

Bilder sollten hingegen zwischen zwei Absätze oder Listeneinträge notiert werden.

Linksbündige Bilder und Listen[Bearbeiten]

Ein weiteres Problem bei allen Browsern ist, dass bei links umflossenen Bildern die Listenaufzählungssymbole benachbarter Listen sehr dicht neben den Bildern positioniert werden. Im Zusammenhang mit Listen sollten daher nur rechts umflossene Bilder zum Einsatz gelangen.

Positionierung links und rechts[Bearbeiten]

Wenn der Text nur geringfügig zu kurz ist, lässt sich auch eine brauchbare Darstellung erreichen, wenn die Bilder abwechselnd links und rechts positioniert werden. Es ist dann darauf zu achten, dass die Bilder nicht wesentlich breiter sind als die Standardbreite von 180 Pixeln, um noch einen gefälligen Ausdruck zu erhalten.

Viele Bilder[Bearbeiten]

Eingangsfries der Kirche der Hl. Jungfrau
Inneres der Kirche der Hl. Jungfrau, Blick nach Norden

Wenn man sehr viele oder große Bilder einsetzt, kann es vorkommen, dass die Bilder über den Text hinausragen. Als Lösungsmöglichkeit bietet sich die nebeneinander liegende Darstellung von Bildern neben den Text oder zwischen Absätzen an.

Wenn man Bilder neben dem Text anordnet, so sollte der Bildstreifen die halbe Papierbreite nicht überschreiten. Es können so in der Regel nur zwei Bilder mit der Standardbreite 180 Pixel nebeneinander platziert werden. Als Container für diese Bilder können nur Tabellen verwendet werden. Um die Anordnung zu vereinfachen, wurde die Klassenanweisung galleryTable in den Formatanweisungen erstellt (Cascading Style Sheet).

Beispiel:

{| class="galleryTable"
|-
| [[Image:DeirAdraChurchEntranceFrieze.jpg|thumb|Eingangsfries der Kirche der Hl. Jungfrau]]
| [[Image:DeirAdraChurchInside.jpg|thumb|Inneres der Kirche der Hl. Jungfrau, Blick nach Norden]]
|}

Sollen mehr als zwei Bilder nebeneinander angeordnet werden, so müssen sie zwischen den Absätzen eingefügt werden. Hier ist dann Platz für etwa drei Bilder.

Beispiel:

{| class="galleryTable noFloat"
|-
| [[Image:RashidDimiqsisInside.jpg|thumb|left|Im Inneren der Dimiqsis-Moschee]]
| [[Image:RashidZaghlulInside.jpg|thumb|left|Im Inneren der Zaghlul-Moschee]]
| [[Image:RashidHammam.jpg|thumb|left|Eingang zum Bad ʿAzzuz]]
|}

führt zu:

Im Inneren der Dimiqsis-Moschee
Im Inneren der Zaghlul-Moschee
Eingang zum Bad ʿAzzuz

Es ist darauf zu achten, dass die Bilder das Attribut left bekommen, damit der linke Rand, wie er bei rechtsbündigen Bildern nicht dargestellt wird.

Beispiel:

{| class="galleryTable"
|-
| [[Image:RashidDimiqsisInside.jpg|thumb|right|Im Inneren der Dimiqsis-Moschee]]
|-
| [[Image:RashidZaghlulInside.jpg|thumb|right|Im Inneren der Zaghlul-Moschee]]
|-
| [[Image:RashidHammam.jpg|thumb|right|Eingang zum Bad ʿAzzuz]]
|}

führt zu einer senkrechten Anordnung der Bilder.

Im Inneren der Dimiqsis-Moschee
Im Inneren der Zaghlul-Moschee
Eingang zum Bad ʿAzzuz

Hierbei ist zu beachten, daß man den Textfluss wie unten beschrieben abschliesst (in diesem Artikel nach dem folgenden Abschnitt geschehen), um eine gute Darstellung zu erhalten.

Abschluss der Textumflusses[Bearbeiten]

Die Darstellung links- oder rechtsbündiger Bilder wird mit Textumfluss realisiert. Mit der Vorlage {{-}} kann man erreichen, dass der nachfolgende Text nicht mehr das vorangegangene Bild umfließt.


Galerie[Bearbeiten]

Scroll-Galerie HafenCity
Die HafenCity von der Elbe 2013

In der Vorlage:Scroll Gallery kann man bis zu 30 Bilder zu einem Thema unterbringen, allerdings sieht man nur das Erste ohne klicken. Das von der Galerie angezeigte erste Bild kann vom Tagesverlauf gesteuert werden. Es wird nur ein Bild ausgedruckt.

Panorama[Bearbeiten]

Vorlage:Panoramazeigt eine Scrollbar unter dem extrabreiten Bild. Es wird nicht gedruckt.

Bilder im Text ausrichten[Bearbeiten]

Fast in geheimer Weise wurden Optionen zum Ausrichten von (kleinen) Bildern auf einer Textzeile eingeführt:

Aus

<u>Textzeile [[Bild:Nr01_blue.svg|20px]]
Textzeile [[Bild:Nr02_blue.svg|20px|baseline]]
Textzeile [[Bild:Nr03_blue.svg|20px|sub]]
Textzeile [[Bild:Nr04_blue.svg|20px|super]]
Textzeile [[Bild:Nr05_blue.svg|20px|text-top]]
Textzeile [[Bild:Nr06_blue.svg|20px|middle]]
Textzeile [[Bild:Nr07_blue.svg|20px|bottom]]
Textzeile [[Bild:Nr08_blue.svg|20px|text-bottom]]</u>

wird

Textzeile Nr01 blue.svg Textzeile Nr02 blue.svg Textzeile Nr03 blue.svg Textzeile Nr04 blue.svg Textzeile Nr05 blue.svg Textzeile Nr06 blue.svg Textzeile Nr07 blue.svg Textzeile Nr08 blue.svg