Question

我使用以下代码在HTML页面上放置标题/标题：

<table width="100%" height="55px" border="0" cellpadding="0" cellspacing="0">
    <tr>
         <td style="height:10px">&nbsp;
         </td>
    </tr>
    <tr>
        <td style="width:105px;"></td>
        <td align="left"  style="padding-right:10px;padding-left:10px">

        <div style="font-family:quicksand;font-size: 28px; color:##bdbdc0;z-         index:1000000;position:relative;">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            De Graef    <font size="2">Landelijk & Sfeervol Wonen</font>
        </div>

        </td>
    </tr>
</table>

其他内容在其他表中。

当我放大或缩小，或只是更改分辨率时，此文本不会移动它与其他页面元素同步的位置。

有什么想法吗？

Answer 1

将标题行更改为：

<tr>
    <td align="center" style="font-family:quicksand;font-size: 28px; color:##bdbdc0;margin-left:-50px;background-color:##4D4946;">
        <table width="956" border="0" height="100%" cellspacing="0" cellpadding="0" style="background-color:##4D4946;">
            <tbody>
                <tr>
                    <td style="background-color:##4D4946;">
                        <br>
                        <br>
                        <img style="background-color:##4D4946;" src="images/logonew.png">
                    </td>
                </tr>
            </tbody>
        </table>
    </td>
</tr>

我在这里帮助你，但应该认真考虑以干净和现代的方式重写所有，大部分代码都已弃用：

使用适当的HTML标记来分割文档
当您需要实际的表格

<table>

使用单独的CSS文件保持标记清洁
Read关于所有这些的W3C建议

元素没有移动调整大小页面

1 个答案: