我正在使用以下代码来设计我的主页。输出(如下所示)未正确显示。你可以看到横幅在最左边，导航链接之间有一个巨大的差距。如何设置？可以只使用 DIV 标签而不是 TABLE 来完成吗？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
First Website
</title>
</head>
<body>
<table id="main" align="center" width="600 px">
<tr id="trBanner">
<td id="tdBanner">
<img src="../../../My Pictures/banner copy.bmp.jpg"
</td>
</tr>
<tr id="trNavLinks">
<td id="lnkHome">
<a href="" id="lnkHome" name="lnkHome">Home</a>
</td>
<td id="lnkLife">
<a href="" id="lnkLife" name="lnkLife">Life</a>
</td>
<td id="lnkTeachings">
<a href="" id="lnkTeachings" name="lnkTeachings">Teachings</a>
</td>
<td id="lnkExperiences">
<a href="" id="lnkExperiences" name="lnkExperiences">Experiences</a>
</td>
<td id="lnkPhotoGallery">
<a href="" id="lnkPhotoGallery" name="lnkPhotoGallery">Photo Gallery</a>
</td>
<td id="lnkReach">
<a href="" id="lnkReach" name="lnkReach">How to Reach</a>
</td>
<td id="lnkContact">
<a href="" id="lnkContact" name="lnkContact">Contact Us</a>
</td>
</tr>
</table>
</body>
</html>
alt text http://www.freeimagehosting.net/uploads/b122c4ef21.jpg
最佳答案
没有看到你的代码很长 - 不要使用表格!
我知道对于那些在网页设计中长期使用表格进行开发的人来说这很困难，但请相信我 - 在您学会了如何使用 CSS 和 DIV-Tags 进行设计之后，您会为此感谢上帝!
这是给你的教程:http://www.colorplexstudios.com/articles/div_web_design_tutorial/
如果您想得到代码问题的答案: 这是因为第一行有 1 个单元格，第二行有 3 个单元格。使用 colspan 属性。您可以在此处找到相关教程:http://www.htmlcodetutorial.com/tables/index_famsupp_30.html
关于html - 控件未正确对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2487666/