如何在表格中绝对定位 div？

发布于 2025-01-05 18:30:31 字数 588 浏览 0 评论 0原文

我正在尝试纠正包含表格而不是 div 的旧模板。

整个模板由表格组成。我试图将 png 图像绝对定位在表格中，该图像与背景重叠。

我编写的代码如下：

<tr>
    <td></td>
    <td><a href="homepage.html">
            <div style="position:absolute;margin-top:-60px;margin-left:-18px;">                     
                   <img  src="images/header.png" width="280" height="120" alt="" border="0">
           </div>
        </a>
    </td>
</tr>

问题是某些浏览器“错过”像素。

有什么方法可以将图像绝对定位在表格中吗？

ps 目前，我知道最好的方法是使用 div，但我不会改变整个模板，只改变标题。

原文

I'm trying to correct an old template which contains tables and not divs.

The whole template consists of tables.
I'm tyring to position an png image absolutely in the table, that is overlapping the background.

The code I've made is as follows:

<tr>
    <td></td>
    <td><a href="homepage.html">
            <div style="position:absolute;margin-top:-60px;margin-left:-18px;">                     
                   <img  src="images/header.png" width="280" height="120" alt="" border="0">
           </div>
        </a>
    </td>
</tr>

The problem is that some browsers "miss" a pixel.

Is there any way to position absolutely an image in a table?

p.s. at the moment, I know that the best way is to use divs, but I shall not alter the whole template, just alter only the heading.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

送你一个梦 2025-01-12 18:30:31

正确方法：

   <tr>
        <td></td>
        <td>
                <div style="position:absolute;margin-top:-60px;margin-left:-18px;">                     
                       <a href="homepage.html">
                       <img  src="images/header.png" width="280" height="120" alt="" border="0">
                       </a>
               </div>
        </td>
    </tr>

Correct way:

   <tr>
        <td></td>
        <td>
                <div style="position:absolute;margin-top:-60px;margin-left:-18px;">                     
                       <a href="homepage.html">
                       <img  src="images/header.png" width="280" height="120" alt="" border="0">
                       </a>
               </div>
        </td>
    </tr>

回复收藏 0 原文

~没有更多了~