Kurtaran,
Ben ilk önce tablo içindeki resmin sol ve üstten uzaklığını alarak yapmayı denedim. Ama mesaj kutusu "1" gösteriyordu. Ama soldan veya üstten uzaklığı 1 değildi. Belki tablonun solundan ve üstenden uzaklığı olabilir bu değer. Aynı elemana sitil ile left ve top özellikleri eklersem o zaman öğrenebiliyorum. Burada önemli bir husus da position:absolute yi kullanmak gerekiyor. Eğer position:relative yi kullanacaksan body için margin değeri belirlemen gerekir. Aksi halde bazı tarayıcılarda 8px lik kayma olacaktır.
Kod:
<style type="text/css">
table{ border:2px solid blue;}
</style>
<body style="margin:10px 10px 10px 10px;">
<img src="http://vebgelistirme.googlepages.com/lale.jpg" onclick="alert(this.offsetTop); alert(this.offsetLeft); alert(this.style.left); alert(this.style.top)" alt="Bu resmin sitil özelliği yok.1. resim">
<img src="http://vebgelistirme.googlepages.com/lale.jpg" style="position:absolute; left:100px; top:100px;"onclick="alert(this.offsetTop); alert(this.offsetLeft); alert(this.style.left); alert(this.style.top)" alt="Bu resmin sitil özelliği var. 2. resim">
<table><tr><td>
<img src="http://vebgelistirme.googlepages.com/lale.jpg" onclick="alert(this.offsetTop); alert(this.offsetLeft); alert(this.style.left); alert(this.style.top)" alt="Bu resmin sitil özelliği var. 3. resim">
</td></tr></table>
<table><tr><td>
<img src="http://vebgelistirme.googlepages.com/lale.jpg" style="position:absolute; left:300px; top:200px;"onclick="alert(this.offsetTop); alert(this.offsetLeft); alert(this.style.left); alert(this.style.top)" alt="Bu resmin sitil özelliği yok. 4. resim">
</td></tr></table>
<img src="http://vebgelistirme.googlepages.com/lale.jpg" onclick="alert(this.offsetTop); alert(this.offsetLeft); alert(this.style.left); alert(this.style.top)" alt="Bu resmin sitil özelliği yok. 5. resim">