Html 控件未正确对齐
我使用以下代码来设计我的主页。输出(如下所示)显示不正确。你可以看到横幅在最左边,导航链接之间有巨大的间隙。如何设置?是否可以只使用DIV标记而不是TABLE来完成Html 控件未正确对齐,html,css,html4,Html,Css,Html4,我使用以下代码来设计我的主页。输出(如下所示)显示不正确。你可以看到横幅在最左边,导航链接之间有巨大的间隙。如何设置?是否可以只使用DIV标记而不是TABLE来完成 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> First
<!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>
第一网站
如果代码看不太长,请不要使用表 我知道这对那些在Web设计中开发了很长时间的表的人来说很难,但是相信我——在你学会了如何使用CSS和DIV标签设计它之后,你会为此感谢上帝的 以下是为您准备的教程: 如果您想获得代码问题的答案:
这是因为第一行有1个单元格,第二行有3个单元格。使用colspan属性。您可以在这里找到相关教程:不要使用表,请使用div标记和位置属性的正确组合。它们比表格好得多,如果需要进行任何更改,它们更易于编辑。Eek,请删除表格。改为使用UL,并在CSS中显示:inline。然后根据自己的喜好(边距、填充)进行调整。将其放在div中,并将其放在页面中。正如其他人所建议的那样,表格不是站点布局的最合适元素。但是,简单的解决方法是:
<td id="tdBanner" colspan="7">
这将使您的横幅横跨整个桌子的宽度。另一方面,页面上的id应该是唯一的,因此如果您需要为td
标记提供id,它们应该与a
标记不同
我想看看其他人链接到的一些CSS教程。更适合DocType?