Hilfe:Bilder - Versionsgeschichte

Xineohp1506 am 13. Februar 2023 um 13:30 Uhr

2023-02-13T13:30:11Z

← Nächstältere Version		Version vom 13. Februar 2023, 15:30 Uhr
Zeile 1:		Zeile 1:
	~~{{In Bearbeitung~~
	~~\|Tag= 12~~
	~~\|Monat = 02~~
	~~\|Jahr = 2023~~
	~~\|Zeit = 02:50~~
	}}

	Diese Seite erklärt die '''image''' Syntax beim Bearbeiten des Wikis.		Diese Seite erklärt die '''image''' Syntax beim Bearbeiten des Wikis.
	Normalerweise musst du oder ein anderer Nutzer [[Special:MyLanguage/Help:Managing files\|ein Bild hochladen]] bevor es auf der Seite benutzt werden kann.		Normalerweise musst du oder ein anderer Nutzer [[Special:MyLanguage/Help:Managing files\|ein Bild hochladen]] bevor es auf der Seite benutzt werden kann.

Xineohp1506: /* Siehe auch */

2023-02-13T13:29:34Z

Siehe auch

← Nächstältere Version		Version vom 13. Februar 2023, 15:29 Uhr
Zeile 717:		Zeile 717:
	== Siehe auch ==		== Siehe auch ==

	*[[w:Wikipedia:~~Extended image syntax~~\|Wikipedia:Erweiterter Bild-Syntax]]		*[[wikipedia:Wikipedia:Erweiterter Bild-Syntax\|Wikipedia:Erweiterter Bild-Syntax]]
	*[[w:~~Category~~:Wikipedia ~~image help~~\|Kategorie:Wikipedia Bilder Hilfe]]		*[[wikipedia:Kategorie:Wikipedia Bilder Hilfe\|Kategorie:Wikipedia Bilder Hilfe]]
	*[[~~w:de~~:Hilfe:Bilder\|Hilfe:Bilder]]		*[[wikipedia:Hilfe:Bilder\|Hilfe:Bilder]]
	*[[~~w:de~~:Hilfe:Galerie\|Hilfe:Galerie]]		*[[wikipedia:Hilfe:Galerie\|Hilfe:Galerie]]
	*{{ll\|Manual:Adding support for new filetypes}}		*[[Phabricator:T113101]] - responsive Eigenschaften
	*[[~~phab~~:T113101]] - responsive Eigenschaften
	* <span lang="en" dir="ltr" class="mw-content-ltr">[[Special:MyLanguage/Extension:PageImages#Can I exclude certain page images?\|Extension:PageImages#Can I exclude certain page images?]]</span>

	[[Kategorie:Hilfe\|{{PAGENAME}}]]		[[Kategorie:Hilfe\|{{PAGENAME}}]]{{IstIn\|Übersicht}}

Xineohp1506: /* Dateien anderer Webseiten */

2023-02-13T13:27:00Z

Dateien anderer Webseiten

← Nächstältere Version		Version vom 13. Februar 2023, 15:27 Uhr
Zeile 713:		Zeile 713:
	<pre>[http://url.for/some/image.png verlinke den Text hier]</pre>		<pre>[http://url.for/some/image.png verlinke den Text hier]</pre>

	Zusätzliches MediaWiki-Markup oder HTML / CSS-Formatierung (für Inline-Elemente) ist in diesem angezeigten Text zulässig (mit Ausnahme eingebetteter Links, die den umgebenden Link beschädigen würden):		<span id="See_also"></span>

	~~<pre>[http://www.example.com/some/image.png Beispiel '''<del>rich</del>''' ''~~<~~ins>link-text</ins~~>~~'' hier.]~~</~~pre~~>

	~~was wiedergegeben wird als: [http://www.example.com/some/image.png Beispiel '''<del>rich</del>''' ''<ins>link-text</ins>'' hier.]~~

	~~Wenn es in Deinem Wiki aktiviert ist (siehe {{ll\|Manual:$wgAllowExternalImages}}), kannst Du auch externe Bilder einbetten. Füge dazu einfach die URL des Bildes ein:~~
	~~<pre>http://url.for/some/image.png</pre>~~
	~~Derzeit können eingebettete Bilder nicht in der Größe verändert werden, sie können jedoch durch umgebendes MediaWiki-Markup oder HTML/CSS-Code formatiert werden.~~

	~~Wenn diese Wiki-Option nicht aktiviert ist, wird das Bild nicht eingebettet, sondern wie oben als Textlink zur externen Site angezeigt.~~

	~~<span id="See_also"></span>~~
	== Siehe auch ==		== Siehe auch ==

Xineohp1506: /* Voraussetzungen */

2023-02-13T13:25:44Z

Voraussetzungen

← Nächstältere Version		Version vom 13. Februar 2023, 15:25 Uhr
Zeile 703:		Zeile 703:
	<span id="Requisites"></span>		<span id="Requisites"></span>

	~~== Voraussetzungen ==~~
	Bevor Bilder im Wiki benutzt werden können, muss ein Wiki-Admin das [[Special:MyLanguage/Manual:Configuring file uploads\|Hochladen von Dateien]] freigeschaltet haben. Außerdem muss der Benutzer [[Special:MyLanguage/Help:Managing files\|Dateien hochgeladen haben]].
	Die Systemadministratoren können auch Dateien [[Special:MyLanguage/Manual:Image Administration#Foreign Repositories\|anderer Quellen]] wie [Special:MyLanguage/Manual:Image Administration#Foreign Repositories Wikimedia Commons] zulassen.
	~~Es ist notwendig, einen Bildskalierer (z.B. GD2, ImageMagick) für das Wiki zu installieren, falls die Bilder in verschiedenen Größen angezeigt werden sollen.~~

	~~<span id="Files_at_other_websites"></span>~~
	== Dateien anderer Webseiten ==		== Dateien anderer Webseiten ==
	Du kannst mit derselben Syntax, die für das Verknüpfen mit einer externen Webseite verwendet wird, auf eine online verfügbare externe Datei verweisen.		Du kannst mit derselben Syntax, die für das Verknüpfen mit einer externen Webseite verwendet wird, auf eine online verfügbare externe Datei verweisen.

Xineohp1506: /* Verhalten von Links */

2023-02-13T13:25:24Z

Verhalten von Links

← Nächstältere Version		Version vom 13. Februar 2023, 15:25 Uhr
Zeile 610:		Zeile 610:
	== Verhalten von Links ==		== Verhalten von Links ==
	Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite.		Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite.
	Die Option "link=" ändert dieses Verhalten, um eine Verknüpfung zu einer anderen Seite oder Website herzustellen oder das Verknüpfungsverhalten des Bildes zu deaktivieren.		Die Option "link=" ändert dieses Verhalten, um eine Verknüpfung zu einer anderen Seite oder Website herzustellen oder das Verknüpfungsverhalten des Bildes zu deaktivieren. Alternativ kannst Du einen Textlink zu einer Dateibeschreibungsseite oder zur Datei selbst erstellen.

	~~Alternativ kannst Du einen Textlink zu einer Dateibeschreibungsseite oder zur Datei selbst erstellen.~~
	~~Siehe {{ll\|Help:Linking to files}}.~~

	<span id="Display_image,_link_it_to_another_page_or_website"></span>		<span id="Display_image,_link_it_to_another_page_or_website"></span>
Zeile 687:		Zeile 685:
	====Abrufen der vollständigen URL eines Bildes====		====Abrufen der vollständigen URL eines Bildes====

	Um den vollständigen Pfad eines Bildes zu erhalten (ohne Weiterleitungen zu durchlaufen, wie oben gezeigt), können einige ~~{{ll\|~~Help:~~magic words~~\|nsp=0}} verwendet werden.		Um den vollständigen Pfad eines Bildes zu erhalten (ohne Weiterleitungen zu durchlaufen, wie oben gezeigt), können einige [[Help:Magische Wörter\|nsp=0}} verwendet werden.

	<nowiki>{{filepath:MediaWiki-2020-logo.svg}}</nowiki>		<nowiki>{{filepath:MediaWiki-2020-logo.svg}}</nowiki>
Zeile 704:		Zeile 702:

	<span id="Requisites"></span>		<span id="Requisites"></span>

	== Voraussetzungen ==		== Voraussetzungen ==
	Bevor Bilder im Wiki benutzt werden können, muss ein Wiki-Admin das [[Special:MyLanguage/Manual:Configuring file uploads\|Hochladen von Dateien]] freigeschaltet haben. Außerdem muss der Benutzer [[Special:MyLanguage/Help:Managing files\|Dateien hochgeladen haben]].		Bevor Bilder im Wiki benutzt werden können, muss ein Wiki-Admin das [[Special:MyLanguage/Manual:Configuring file uploads\|Hochladen von Dateien]] freigeschaltet haben. Außerdem muss der Benutzer [[Special:MyLanguage/Help:Managing files\|Dateien hochgeladen haben]].

Xineohp1506: /* Reihe von Bildern, die auf die Browserbreite angepasst wird */

2023-02-13T13:20:47Z

Reihe von Bildern, die auf die Browserbreite angepasst wird

← Nächstältere Version		Version vom 13. Februar 2023, 15:20 Uhr
Zeile 536:		Zeile 536:
	</pre>		</pre>

	[[File:~~Example~~.jpg\|220px]]		[[File:MWExample.jpg\|220px]]
	[[File:~~Example~~.jpg\|100px]]		[[File:MWExample.jpg\|100px]]
	[[File:~~Example~~.jpg\|150px]]		[[File:MWExample.jpg\|150px]]
	[[File:~~Example~~.jpg\|250px]]		[[File:MWExample.jpg\|250px]]
	[[File:~~Example~~.jpg\|200px]]		[[File:MWExample.jpg\|200px]]
	[[File:~~Example~~.jpg\|50px]]		[[File:MWExample.jpg\|50px]]
	[[File:~~Example~~.jpg\|220px]]		[[File:MWExample.jpg\|220px]]
	[[File:~~Example~~.jpg\|175px]]		[[File:MWExample.jpg\|175px]]

	'''Um Bilder unterschiedlicher Breite mit Beschriftungen zu versehen,''' ist es erforderlich, div HTML für eine ungeordnete Liste zu verwenden. Zusammen mit <code>style="display: inline-block;"</code>. Weitere Informationen und Anregungen findest Du unter: [http://www.sitepoint.com/give-floats-the-flick-in-css-layouts Geben Sie Floats den Flick in CSS-Layouts].		'''Um Bilder unterschiedlicher Breite mit Beschriftungen zu versehen,''' ist es erforderlich, div HTML für eine ungeordnete Liste zu verwenden. Zusammen mit <code>style="display: inline-block;"</code>. Weitere Informationen und Anregungen findest Du unter: [http://www.sitepoint.com/give-floats-the-flick-in-css-layouts Geben Sie Floats den Flick in CSS-Layouts].
Zeile 561:		Zeile 561:

	<div><ul>		<div><ul>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 1]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 1]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|100px\|Caption 2]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|100px\|Caption 2]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|150px\|Caption 3]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|150px\|Caption 3]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|250px\|Caption 4]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|250px\|Caption 4]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|200px\|Caption 5]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|200px\|Caption 5]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|50px\|Caption 6]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|50px\|Caption 6]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 7]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 7]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|175px\|Caption 8]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|175px\|Caption 8]] </li>
	</ul></div>		</ul></div>

Zeile 587:		Zeile 587:

	<div><ul>		<div><ul>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 1]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 1]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|100px\|Caption 2]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|100px\|Caption 2]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|150px\|Caption 3]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|150px\|Caption 3]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|250px\|Caption 4]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|250px\|Caption 4]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|200px\|Caption 5]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|200px\|Caption 5]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|50px\|Caption 6]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|50px\|Caption 6]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 7]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 7]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|175px\|Caption 8]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|175px\|Caption 8]] </li>
	</ul></div>		</ul></div>

Zeile 607:		Zeile 607:

	<span id="Link_behavior"></span>		<span id="Link_behavior"></span>

	== Verhalten von Links ==		== Verhalten von Links ==
	Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite.		Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite.

Xineohp1506: /* Horizontale Ausrichtung */

2023-02-13T13:17:58Z

Horizontale Ausrichtung

← Nächstältere Version		Version vom 13. Februar 2023, 15:17 Uhr
Zeile 138:		Zeile 138:
	!Eingabe		!Eingabe
	!Ergebnis		!Ergebnis
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=100px\|frame=\|ex='''Keine horizontale Ausrichtung angegeben''' oder Standardausrichtung\|inline=yes\|float=no}}		{{ Hilfe:Bilder/frame\|2=100px\|frame=\|ex='''Keine horizontale Ausrichtung angegeben''' oder Standardausrichtung\|inline=yes\|float=no}}
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=100px\|frame=none\|ex=horizontale Ausrichtung angeben als: '''none'''\|inline=no\|float=no}}		{{ Hilfe:Bilder/frame\|2=100px\|frame=none\|ex=horizontale Ausrichtung angeben als: '''none'''\|inline=no\|float=no}}
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=100px\|frame=center\|ex=horizontale Ausrichtung angeben als: '''center'''\|inline=no\|float=no}}		{{ Hilfe:Bilder/frame\|2=100px\|frame=center\|ex=horizontale Ausrichtung angeben als: '''center'''\|inline=no\|float=no}}
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=100px\|frame=left\|ex=horizontale Ausrichtung angeben als: '''left'''\|inline=no\|float=yes}}		{{ Hilfe:Bilder/frame\|2=100px\|frame=left\|ex=horizontale Ausrichtung angeben als: '''left'''\|inline=no\|float=yes}}
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=100px\|frame=right\|ex=horizontale Ausrichtung angeben als: '''right'''\|inline=no\|float=yes}}		{{ Hilfe:Bilder/frame\|2=100px\|frame=right\|ex=horizontale Ausrichtung angeben als: '''right'''\|inline=no\|float=yes}}
	\|}		\|}

	<span id="Vertical_alignment"></span>		<span id="Vertical_alignment"></span>

	=== Vertikale Ausrichtung ===		=== Vertikale Ausrichtung ===
	Die vertikalen Ausrichtungsoptionen wirken sich nur aus, wenn das Bild als Inline-Element '''gerendert''' wird und '''nicht''' floatet.		Die vertikalen Ausrichtungsoptionen wirken sich nur aus, wenn das Bild als Inline-Element '''gerendert''' wird und '''nicht''' floatet.

Xineohp1506: /* Anzeigen einer Bildergalerie */

2023-02-13T13:13:54Z

Anzeigen einer Bildergalerie

Änderungen zeigen

Xineohp1506: /* Ändern des Standard-Link-Ziels */

2023-02-13T12:43:51Z

Ändern des Standard-Link-Ziels

← Nächstältere Version		Version vom 13. Februar 2023, 14:43 Uhr
Zeile 280:		Zeile 280:
	!Du schreibst		!Du schreibst
	!Du erhältst		!Du erhältst
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=link=Main Page\|ex=Interner Verweis (link)}}		{{ Hilfe:Bilder/frame\|2=link=Main Page\|ex=Interner Verweis (link)}}
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=link=~~http~~://~~wikipedia~~.~~org~~/wiki/Test\|ex=Externer Link}}		{{ Hilfe:Bilder/frame\|2=link=https://skandinavien-wiki.net/wiki/Test\|ex=Externer Link}}
	{{ ~~{{TNTN\|Help~~:~~Images~~/frame}}\|2=link=\|ex=kein Link (externe oder Dateiseite)}}		{{ Hilfe:Bilder/frame\|2=link=\|ex=kein Link (externe oder Dateiseite)}}
	\|}		\|}
			<span id="Rendering_a_gallery_of_images"></span>

	~~'''Warnung::'''~~
	: Aufgrund der Lizenzanforderungen in Deinem Wiki kannst Du möglicherweise nicht alle Links zu der Beschreibungsseite entfernen, auf der die erforderlichen Autorenangaben, die Urheberrechtserklärungen, die geltenden Lizenzbestimmungen oder eine vollständigere Beschreibung des gerenderten Bildes (einschließlich des Änderungsverlaufs) angezeigt werden.
	: Wenn Du den Ziellink eines Bildes änderst oder entfernst, musst Du an einer anderen Stelle auf Deiner Seite einen expliziten Link zu dieser Beschreibungsseite bereitstellen oder die Urheberrechts- und Autorenangabe sowie gegebenenfalls einen Link zur entsprechenden Lizenz anzeigen, falls sie sich von den Elementen unterscheiden, die für die Einbettungsseite selbst gelten.
	: Möglicherweise schränkt Deine Wiki-Richtlinie die Verwendung des alternativen Link-Parameters ein oder erzwingt sogar ein Verbot alternativer Link-Parameter für eingebettete Mediendateien (in diesem Fall wird der Link-Parameter ignoriert) oder akzeptiert sie erst nach Überprüfung durch autorisierte Benutzer oder Administratoren.

	~~<span id="Rendering_a_gallery_of_images"></span>~~
	== Anzeigen einer Bildergalerie ==		== Anzeigen einer Bildergalerie ==

Xineohp1506: /* Vertikale Ausrichtung */

2023-02-13T12:37:16Z

Vertikale Ausrichtung

← Nächstältere Version		Version vom 13. Februar 2023, 14:37 Uhr
Zeile 206:		Zeile 206:
	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	'''top:''' [[File:~~Example~~.jpg\|20px\|top]] [[File:~~Example~~.jpg\|40px\|top]] [[File:~~Example~~.jpg\|100px\|top]]		'''top:''' [[File:MWExample.jpg\|20px\|top]] [[File:MWExample.jpg\|40px\|top]] [[File:MWExample.jpg\|100px\|top]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	'''text-top:''' [[File:~~Example~~.jpg\|20px\|text-top]] [[File:~~Example~~.jpg\|40px\|text-top]] [[File:~~Example~~.jpg\|100px\|text-top]]		'''text-top:''' [[File:MWExample.jpg\|20px\|text-top]] [[File:MWExample.jpg\|40px\|text-top]] [[File:MWExample.jpg\|100px\|text-top]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	<sup>'''super:'''</sup> [[File:~~Example~~.jpg\|20px\|super]] [[File:~~Example~~.jpg\|40px\|super]] [[File:~~Example~~.jpg\|100px\|super]]		<sup>'''super:'''</sup> [[File:MWExample.jpg\|20px\|super]] [[File:MWExample.jpg\|40px\|super]] [[File:MWExample.jpg\|100px\|super]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	'''baseline:''' [[File:~~Example~~.jpg\|20px\|baseline]] [[File:~~Example~~.jpg\|40px\|baseline]] [[File:~~Example~~.jpg\|100px\|baseline]]		'''baseline:''' [[File:MWExample.jpg\|20px\|baseline]] [[File:MWExample.jpg\|40px\|baseline]] [[File:MWExample.jpg\|100px\|baseline]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	<sub>'''sub:'''</sub> [[File:~~Example~~.jpg\|20px\|sub]] [[File:~~Example~~.jpg\|40px\|sub]] [[File:~~Example~~.jpg\|100px\|sub]]		<sub>'''sub:'''</sub> [[File:MWExample.jpg\|20px\|sub]] [[File:MWExample.jpg\|40px\|sub]] [[File:MWExample.jpg\|100px\|sub]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	'''default:''' [[File:~~Example~~.jpg\|20px]] [[File:~~Example~~.jpg\|40px]] [[File:~~Example~~.jpg\|100px]]		'''default:''' [[File:MWExample.jpg\|20px]] [[File:MWExample.jpg\|40px]] [[File:MWExample.jpg\|100px]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	'''middle:''' [[File:~~Example~~.jpg\|20px\|middle]] [[File:~~Example~~.jpg\|40px\|middle]] [[File:~~Example~~.jpg\|100px\|middle]]		'''middle:''' [[File:MWExample.jpg\|20px\|middle]] [[File:MWExample.jpg\|40px\|middle]] [[File:MWExample.jpg\|100px\|middle]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	'''text-bottom:''' [[File:~~Example~~.jpg\|20px\|text-bottom]] [[File:~~Example~~.jpg\|40px\|text-bottom]] [[File:~~Example~~.jpg\|100px\|text-bottom]]		'''text-bottom:''' [[File:MWExample.jpg\|20px\|text-bottom]] [[File:MWExample.jpg\|40px\|text-bottom]] [[File:MWExample.jpg\|100px\|text-bottom]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

	<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">		<p style="border:1px solid #AAA;padding:0;font-size:150%;line-height:2">
	<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>		<span style="background:#FFF;color:#000;text-decoration:overline"><u><del>text</del>
	'''bottom:''' [[File:~~Example~~.jpg\|20px\|bottom]] [[File:~~Example~~.jpg\|40px\|bottom]] [[File:~~Example~~.jpg\|100px\|bottom]]		'''bottom:''' [[File:MWExample.jpg\|20px\|bottom]] [[File:MWExample.jpg\|40px\|bottom]] [[File:MWExample.jpg\|100px\|bottom]]
	<del>text</del></u></span></p>		<del>text</del></u></span></p>

Zeile 260:		Zeile 260:

	<span id="Stopping_the_text_flow"></span>		<span id="Stopping_the_text_flow"></span>

	=== Textfluss stoppen ===		=== Textfluss stoppen ===
	Gelegentlich ist es wünschenswert, zu verhindern, dass Text (oder andere nicht floatende Inline-Bilder) um ein floatendes Bild herumfließen.		Gelegentlich ist es wünschenswert, zu verhindern, dass Text (oder andere nicht floatende Inline-Bilder) um ein floatendes Bild herumfließen.

← Nächstältere Version		Version vom 13. Februar 2023, 15:29 Uhr
Zeile 717:		Zeile 717:
	== Siehe auch ==		== Siehe auch ==

	*[[w:Wikipedia:~~Extended image syntax~~\|Wikipedia:Erweiterter Bild-Syntax]]		*[[wikipedia:Wikipedia:Erweiterter Bild-Syntax\|Wikipedia:Erweiterter Bild-Syntax]]
	*[[w:~~Category~~:Wikipedia ~~image help~~\|Kategorie:Wikipedia Bilder Hilfe]]		*[[wikipedia:Kategorie:Wikipedia Bilder Hilfe\|Kategorie:Wikipedia Bilder Hilfe]]
	*[[~~w:de~~:Hilfe:Bilder\|Hilfe:Bilder]]		*[[wikipedia:Hilfe:Bilder\|Hilfe:Bilder]]
	*[[~~w:de~~:Hilfe:Galerie\|Hilfe:Galerie]]		*[[wikipedia:Hilfe:Galerie\|Hilfe:Galerie]]
	*{{ll\|Manual:Adding support for new filetypes}}		*[[Phabricator:T113101]] - responsive Eigenschaften
	*[[~~phab~~:T113101]] - responsive Eigenschaften
	* <span lang="en" dir="ltr" class="mw-content-ltr">[[Special:MyLanguage/Extension:PageImages#Can I exclude certain page images?\|Extension:PageImages#Can I exclude certain page images?]]</span>

	[[Kategorie:Hilfe\|{{PAGENAME}}]]		[[Kategorie:Hilfe\|{{PAGENAME}}]]{{IstIn\|Übersicht}}

← Nächstältere Version		Version vom 13. Februar 2023, 15:20 Uhr
Zeile 536:		Zeile 536:
	</pre>		</pre>

	[[File:~~Example~~.jpg\|220px]]		[[File:MWExample.jpg\|220px]]
	[[File:~~Example~~.jpg\|100px]]		[[File:MWExample.jpg\|100px]]
	[[File:~~Example~~.jpg\|150px]]		[[File:MWExample.jpg\|150px]]
	[[File:~~Example~~.jpg\|250px]]		[[File:MWExample.jpg\|250px]]
	[[File:~~Example~~.jpg\|200px]]		[[File:MWExample.jpg\|200px]]
	[[File:~~Example~~.jpg\|50px]]		[[File:MWExample.jpg\|50px]]
	[[File:~~Example~~.jpg\|220px]]		[[File:MWExample.jpg\|220px]]
	[[File:~~Example~~.jpg\|175px]]		[[File:MWExample.jpg\|175px]]

	'''Um Bilder unterschiedlicher Breite mit Beschriftungen zu versehen,''' ist es erforderlich, div HTML für eine ungeordnete Liste zu verwenden. Zusammen mit <code>style="display: inline-block;"</code>. Weitere Informationen und Anregungen findest Du unter: [http://www.sitepoint.com/give-floats-the-flick-in-css-layouts Geben Sie Floats den Flick in CSS-Layouts].		'''Um Bilder unterschiedlicher Breite mit Beschriftungen zu versehen,''' ist es erforderlich, div HTML für eine ungeordnete Liste zu verwenden. Zusammen mit <code>style="display: inline-block;"</code>. Weitere Informationen und Anregungen findest Du unter: [http://www.sitepoint.com/give-floats-the-flick-in-css-layouts Geben Sie Floats den Flick in CSS-Layouts].
Zeile 561:		Zeile 561:

	<div><ul>		<div><ul>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 1]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 1]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|100px\|Caption 2]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|100px\|Caption 2]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|150px\|Caption 3]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|150px\|Caption 3]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|250px\|Caption 4]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|250px\|Caption 4]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|200px\|Caption 5]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|200px\|Caption 5]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|50px\|Caption 6]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|50px\|Caption 6]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 7]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 7]] </li>
	<li style="display: inline-block;"> [[File:~~Example~~.jpg\|thumb\|none\|175px\|Caption 8]] </li>		<li style="display: inline-block;"> [[File:MWExample.jpg\|thumb\|none\|175px\|Caption 8]] </li>
	</ul></div>		</ul></div>

Zeile 587:		Zeile 587:

	<div><ul>		<div><ul>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 1]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 1]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|100px\|Caption 2]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|100px\|Caption 2]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|150px\|Caption 3]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|150px\|Caption 3]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|250px\|Caption 4]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|250px\|Caption 4]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|200px\|Caption 5]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|200px\|Caption 5]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|50px\|Caption 6]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|50px\|Caption 6]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|220px\|Caption 7]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|220px\|Caption 7]] </li>
	<li style="display: inline-block; vertical-align: top;"> [[File:~~Example~~.jpg\|thumb\|none\|175px\|Caption 8]] </li>		<li style="display: inline-block; vertical-align: top;"> [[File:MWExample.jpg\|thumb\|none\|175px\|Caption 8]] </li>
	</ul></div>		</ul></div>

Zeile 607:		Zeile 607:

	<span id="Link_behavior"></span>		<span id="Link_behavior"></span>

	== Verhalten von Links ==		== Verhalten von Links ==
	Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite.		Standardmäßig verlinkt ein Bild auf seine Dateibeschreibungsseite.