Help talk:Composite images
Add topicLatest comment: 14 years ago by RicHard-59 in topic So why doesn't this work?
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.
- One green dot changed place and color
- See the blinking dot on right?