Witam. wiem że mogę kogoś zdenerowować tym postem ale spytać muszę.
Mam nie mały problem. Nie znam nie na js siedzę php a ma mzrobić mapkę na której bedą naniesione punkty czyli divy pozycjonowanie abslolutnie.
Problem w tym że one są ustawiane względem górnego lewgo rogu ekrany a nie zdjecia mapy o które mi chodzi.

Czy istnieje w js sposób który pozwoliłby robić divy pozycjonowane względem lewego górnego rogu zdjęcia a nie okna przeglądarki. ?

Nie mam pojecia jak się za to wziąć będą baaardzo wdzieczny za pdzielenie sie linkiem lub kawałkiem kodu lub choć by podpowiedzią.
Szukałem na forum ale niestety nic nie znalazłem.

Mozna to rozwiazac na kilka sposobow. Iframe bez maringesow z mapka, tak ze bedzie wygladac jakby go nie bylo i w tym iframie position: absolute;.

Mozna tez poprobowac z position: relative;

Albo div z mapka jako tlo i w nim te punkty jako relative.

Po co ci JS?
Do takich rzeczy jest tag w html <MAP>

Albo divy + style:
tylko jednego diva musisz zastapic obrazkiem

[HTML] pobierz, plaintext 
<style>
.img {
	background:#000000;
	position: absolute;
	margin: 0px 0px 0px 0px;
	width:300px;
	height:300px;
 
}
.pkt1,.pkt2,.pkt3 {
	position: absolute;
	background: red;
	width:10px;
	height:10px;
}
.pkt1 {
	margin: 50px 0px 0px 50px;
}
.pkt2 {
	margin: 100px 0px 0px 100px;
}
.pkt3 {
	margin: 150px 0px 0px 150px;
}
</style>
 
<div>
  <div class="img"></div> <!--w miejsu tego diva bedzie <img class="img" src="" />-->
  <div class="pkt1"></div>
  <div class="pkt2"></div>
  <div class="pkt3"></div>
</div>
[HTML] pobierz, plaintext