Question

我目前正在为一个旧的html4网站（其上摆满桌子）更新布局，导航栏甚至被摆放成一张桌子，由于这些桌子，该网站出人意料地是动态的，但是缺少CSS。我正在考虑合并flexbox，我也知道div和tr不能一起工作。

有人有过这种情况的经历吗？如果是这样，您对更新布局有何建议？我应该保留原样吗合并框架还是使用浮动内容？

其中一个表格的示例如下

<!--NavBar -->
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="99%" id="AutoNumber4" height="24">
    <tr>
        <td width="80%" align="center" height="16" bgcolor="#00476B" bordercolor="#FFFFFF">
            <p style="margin-top: 3; margin-bottom: 3"><b>
            <font face="Tahoma" size="2" color="#FFFFFF"><span lang="en-gb">&nbsp;<a title="Take Me to Home Page" href="intranet.htm"><font color="#FFFFFF">Home</font></a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp; <a style="color: #FFFFFF" href="aboutus.htm">About Us</a>&nbsp;&nbsp; </span></font></b><span lang="en-gb"><font size="2" face="Tahoma" color="#FFFFFF"><strong>
            |&nbsp;&nbsp; <a href="agenthandbook.htm"><font color="#FFFFFF">Handbook</font></a></strong></font></span><b><font face="Tahoma" size="2" color="#FFFFFF"><span lang="en-gb">&nbsp;&nbsp; 
            |&nbsp;&nbsp; </span></font></b><span lang="en-gb">
            <font size="2" face="Tahoma" color="#FFFFFF"><strong>
            <a href="compliance.htm"><font color="#FFFFFF">Compliance</font></a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</strong></font></span><b><font face="Tahoma" size="2" color="#FFFFFF"><span lang="en-gb"><a href="procedures.htm"><font color="#FFFFFF">Procedures</font></a>&nbsp;&nbsp;&nbsp;|&nbsp;
            <a href="training.htm"><font color="#FFFFFF">Training</font></a>&nbsp;&nbsp; 
            |&nbsp; <a href="legalnotice.htm"><font color="#FFFFFF">
            Legal</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></font></b>
        </td>
    </tr>
</table>

建议使用表格布局的旧静态html文档进行布局更新建议

0 个答案: