Help talk:Composite images

So why doesn't this work?

<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.

A map indicating the ethnic composition of Eritrea.

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.

A map indicating the ethnic composition of Eritrea.

South Holland (Netherlands)

• One green dot changed place and color
• See the blinking dot on right?

RicHard-59 13:27, 12 May 2010 (UTC)