Vorlage:Text auf Bild: Unterschied zwischen den Versionen

Aus EnzyklopAtys

Wechseln zu: Navigation, Suche
K
K
Zeile 1: Zeile 1:
 
<div style="position:relative; width:{{{1}}}; height:{{{2}}}; margin:auto;">
 
<div style="position:relative; width:{{{1}}}; height:{{{2}}}; margin:auto;">
  <img src="{{{5}}}" alt="Bild" title="Bild" style="position:absolute; top:0; left:0; width:100%; height:100%;">
+
  <img src="{{{6}}}" alt="Bild" title="Bild" style="position:absolute; top:0; left:0; width:100%; height:100%;">
 
  <!--Der nachfolgende Text wird im umgebenden DIV positioniert. Da die linke obere Ecke des Bildes genau mit der linken oberen Ecke des DIV-Elements übereinstimmt, entspricht die Position des Textes (top:45px; left:30px;) auch der Position top:45px; left:30px; auf dem Bild-->
 
  <!--Der nachfolgende Text wird im umgebenden DIV positioniert. Da die linke obere Ecke des Bildes genau mit der linken oberen Ecke des DIV-Elements übereinstimmt, entspricht die Position des Textes (top:45px; left:30px;) auch der Position top:45px; left:30px; auf dem Bild-->
  <div style="position:absolute; top:{{{3}}}; left:{{{4}}}; width:100px;">{{{6}}}</div>
+
  <div style="position:absolute; top:{{{3}}}; left:{{{4}}}; width:{{{5}}};">{{{7}}}</div>
 
</div>
 
</div>
  
Zeile 12: Zeile 12:
 
1 = Genaue Breite des Bildes
 
1 = Genaue Breite des Bildes
 
2 = Genaue Höhe des Bildes
 
2 = Genaue Höhe des Bildes
3 = Quelle
+
3 = Abstand des Textes von oben
4 = Abstand des Textes von oben
+
4 = Abstand des Textes von links
5 = Abstand des Textes von links
+
5 = Breite des Textfeldes
 +
6 = Quelle
 
7 = Text
 
7 = Text
  
 
-->
 
-->

Version vom 23. März 2019, 04:03 Uhr

Bild
{{{7}}}


{{Text auf Bild|746px|960px|Quelle|oben|links|Text}}