Help talk:Composite images
So why doesn't this work?[edit]
<div style="position: relative">[[Image:Eritrea-people-map.gif|thumb|400px|A map indicating the ethnic composition of Eritrea.]]
<div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div>
<div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.png]]</div>
<div style="position: absolute; left: 10px; top: 50px">
{| style="background:transparent"
|-
|[[w:en:South Holland|South Holland]] (Netherlands)
|}
</div>
</div>
It give the following result.
| South Holland (Netherlands) |
br>
Here's why:
<div style="position: relative">[[Image:Eritrea-people-map.gif|thumb|400px|A map indicating the ethnic composition of Eritrea.]]
<div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div>
<----px's are counted from LEFT
<div style="position: absolute; right: 249px; top: 72px">[[Image:Locator Dot2.gif]]</div> <<--Blinking dot
<---- must change it to RIGHT and RE-ADJUST COORDINATES
<div style="position: absolute; right: 264px; down: 112px">[[Image:Red Dot.svg]]</div> <<Also DOWN works
<div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.png]]</div>
<div style="position: absolute; left: 10px; top: 50px">
{| style="background:transparent"
|-
|[[w:en:South Holland|South Holland]] (Netherlands)
|}
</div>
</div>
It give the following result.
| South Holland (Netherlands) |
- One green dot changed place and color
- See the blinking dot on right?