Benutzer:T1qj7p/TestseiteCSS: Unterschied zwischen den Versionen

Aus Markenheftchen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(36 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:


'''Current'''
'''Current''', leider wird der Text beim Skalieren fürs Handy dann vertikal unter dem Bild angezeigt.
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 22).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 22)]] <span class="mw-quelle-vertikal">Quelle: Felzmann 183</span><br>Blisterdeckel für Blisterstange (Bund MH 22) <br>[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <span class="mw-quelle-vertikal">Quelle: Felzmann 183</span><br>Blisterdeckel für Blisterstange (Bund MH 23)</div>
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 22).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 22)]] <span class="mw-quelle-vertikal">Quelle: Felzmann 183</span><br>Blisterdeckel für Blisterstange (Bund MH 22) <br>[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <span class="mw-quelle-vertikal">Quelle: Felzmann 183</span><br>Blisterdeckel für Blisterstange (Bund MH 23)</div>


'''Grid'''
'''Grid center''', schöne Lösung, aber funktioniert leider nicht mit MobileFrontend. Das Bild wird nicht skaliert und rutscht an beiden Seiten aus dem Viewport
<div id="imagegrid">
<div id="imagegridc">
<div id="ig-image">[[File:Blisterdeckel für Blisterstange (Bund MH 22).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 22)]]</div>
<div id="igc-image">[[File:Blisterdeckel für Blisterstange (Bund MH 22).jpg|450px|center|Blisterdeckel für Blisterstange (Bund MH 22)]]</div>
<div id="ig-source"><span class="mw-quelle-vertikal">Quelle: Felzmann 183</span></div>
<span class="mw-quelle-vertikal"><div id="igc-source">Quelle: Felzmann 183</div></span>
<div id="ig-caption">Blisterdeckel für Blisterstange (Bund MH 22)</div>
<div id="igc-caption">Blisterdeckel für Blisterstange (Bund MH 22)</div>
</div>
</div>


<!--
<div id="imagegridc" style="float: right;margin: 0 0 3% 3%;">
[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <span class="mw-quelle-vertikal">Quelle: Felzmann 183</span><br>Blisterdeckel für Blisterstange (Bund MH 23)</div>
<div id="igc-image">[[File:Blisterdeckel für Blisterstange (Bund MH 22).jpg|450px|center|Blisterdeckel für Blisterstange (Bund MH 22)]]</div>
-->
<span class="mw-quelle-vertikal"><div id="igc-source">Quelle: Felzmann 183</div></span>
<div id="igc-caption">Blisterdeckel für Blisterstange (Bund MH 22)</div>
</div>
 
'''Alternativen'''
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <br>Blisterdeckel für Blisterstange (Bund MH 23) [Quelle: Felzmann 183]</div>
 
 
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <br>Blisterdeckel für Blisterstange (Bund MH 23) <small>[Quelle: Felzmann 183]</small></div>
 
 
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <br>Blisterdeckel für Blisterstange (Bund MH 23) <span id="mw-img-src"> <br>[Quelle: Felzmann 183]</span></div>
 
 
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <br><span id="mw-img-src">[Quelle: Felzmann 183]</span> <br>Blisterdeckel für Blisterstange (Bund MH 23) </div>
 
 
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <br>Blisterdeckel für Blisterstange (Bund MH 23) <br>[Quelle: Felzmann 183]</div>
 
 
<div class="center">[[File:Blisterdeckel für Blisterstange (Bund MH 23).jpg|450px|Blisterdeckel für Blisterstange (Bund MH 23)]] <br>Blisterdeckel für Blisterstange (Bund MH 23) <br><small>[Quelle: Felzmann 183]</small></div>
 
KISS KISS