Html 需要在表格上的图像上提供帮助

我目前正在创建一个4页的内部网站。每个页面都有一个以建筑地图为背景创建的表。在一页上我有许多点放在上面。每个点都有自己的样式位置，例如：

和

是否有一种方法可以将表格与所有点一起移动。jpg为1，或者需要单独移动每个点。我对HTML相当陌生。任何帮助都将不胜感激。多谢各位

    <table width="1280px" height="520px" border="1">
<tr>
<td background="XXXX-fullwcabinets.jpg" style="height: 516px">
<!-- ================================================= -->
<span title="ICQA
XXX9/1-19
">
<img src="dot.jpg" height="7" style="position: absolute; z-index: 1; left: 657px; top: 323px" width="7">
</span>
<!-- ================================================= -->
<span title="XXX13/1-38
XXX13/1-39
">
<img src="dot.jpg" height="7" style="position: absolute; z-index: 1; left: 657px; top: 288px" width="7">
</span>
<!-- ================================================= -->
<span title="XXX9/2-28
XXX9/2-29
XXX9/2-30
IDF9/2-31">
<img src="dot.jpg" height="7" style="position: absolute; z-index: 1; left: 620px; top: 288px" width="7">
</span>
<!-- ================================================= -->

---

位置为

相对的包含元素的局部坐标系将是内部所有位置为
绝对的事物的坐标系

然后，如果移动包含元素，则内部的所有内容都将保持与包含元素的相对位置

从技术上讲，具有绝对定位的元素将查找具有绝对、相对或固定（即除静态以外的任何其他）定位的第一个父元素，并将其用作其参考原点

例如，运行这个代码段


.container{
位置：相对位置；
高度：400px；
宽度：400px；
左边距：100px；
}
img{
位置：绝对位置；
左：0；
排名：0；
}
.首先{
位置：绝对位置；
左：30px；
顶部：40px；
宽度：50px；
高度：50px；
背景：蓝色；
}
.第二{
位置：绝对位置；
右：30px；
底部：40px；
宽度：50px；
高度：50px；
背景：蓝色；
}

对于初学者，请在问题中包含您的代码。它的相关部分。我做了，但直到现在我才看到它剪切了我放入的内容。因此，如果我理解正确，我需要将图像放置在容器中，并使dot.jpg对应于容器内的位置，而不是页面上的位置。目前，图像在一张桌子上，圆点放在桌子的顶部。基本上，是的。我给你举个例子。你有桌子是有原因的吗？现在看看这个例子。我用一个简单的边距将容器向右移动，并查看容器内的所有内容相对于容器的位置，无论容器本身位于何处。创建该表是因为当时我不知道另一种方法来完成我想做的事情。它本来也只有一页，但后来我扩展了它。谢谢你的帮助，这将满足我的需要。