Vorlage:W502: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 57: Zeile 57:
 
-->{{#vardefine:caption
 
-->{{#vardefine:caption
 
| {{#if: {{{caption| }}}  
 
| {{#if: {{{caption| }}}  
|<div class='bildtext caption' style='grid-column: span 2;'>{{{caption|}}}</div>
+
|<div class='bildtext caption'>{{{caption|}}}</div>
 
}}
 
}}
 
}}<!--     
 
}}<!--     
Zeile 68: Zeile 68:
 
HTML  
 
HTML  
  
--><div class='imgWrap {{{hell|}}}'><div class='i500  {{#var:max}} wFlex'>
+
--><div class='imgWrap {{{hell|}}}'><div class='i500  {{#var:max}}' style='
<div style='width: {{#var:rw1%}}%;'>
+
display:grid;
 +
grid-template-columns: {{#var:rw1}}fr 20fr {{#var:rw2}}fr;
 +
'>
 +
<div style=''>
 
{{Dia
 
{{Dia
 
| img={{#var:img1}}
 
| img={{#var:img1}}
Zeile 81: Zeile 84:
 
  | noviewer={{{noviewer|}}}  
 
  | noviewer={{{noviewer|}}}  
 
  }}
 
  }}
</div>  
+
</div><div class=spaceDiv></div>
<div style='width: {{#var:rw2%}}%;'>
+
<div style=''>
 
{{Dia
 
{{Dia
 
| img= {{#var:img2}}
 
| img= {{#var:img2}}
Zeile 96: Zeile 99:
 
  }}
 
  }}
 
</div><!--   
 
</div><!--   
-->{{#var:caption}}
+
--></div>{{#var:caption}}</div><!--   
</div></div><!--   
 
  
 
CSS
 
CSS

Version vom 14. Januar 2023, 20:15 Uhr

Testbild

Kasuga lanterns3.jpg
Der Hirsch als Symbol des Schreins ist auch auf vielen Laternen (tōrō) zu finden.
Yamada Ryoko, flickr, 2005.
Kasuga4.jpg
Die Grundform ist gleich, doch jede Laterne (tōrō) ist ein Einzelstück.
Owen Murray, flickr, 2007.

Parameter:

Div: hell
Bilder: rw, rh
Bild1: 1, w1, rw1, rh1, t1, r1, l1, lr1
Bild2: 2, w2, rw2, rh2, t2, r2, l2, lr2
Text: 3, 4, caption, ref

rw1 und rw2 ändern die Proportionen, sollten aber zusammen 480 ergeben (500 - 4%)