Zum Inhalt springen

Hilfe:Bilder: Unterschied zwischen den Versionen

Hilfe:Bilder (Quelltext anzeigen)

Version vom 13. Februar 2023, 14:20 Uhr

49 Bytes hinzugefügt ,  vor 2 Jahren
→‎Reihe von Bildern, die auf die Browserbreite angepasst wird
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.
Abgerufen von „https://skandinavien-wiki.net/wiki/Spezial:Mobiler_Unterschied/23715“