控件未正确对齐

Question

控件未正确对齐

我正在使用以下代码来设计我的主页.输出(如下所示)未正确显示.你可以看到最左边的横幅,导航链接之间有很大的差距.怎么设置这个？可以仅使用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>

Run Code Online (Sandbox Code Playgroud)

alt text http://www.freeimagehosting.net/uploads/b122c4ef21.jpg

Answer 1

Kov*_*ovu 6

没有看到你的代码很长 - 不要使用表!

我知道那些在网页设计中长时间使用桌子的人很难,但是相信我 - 在你学会了如何用CSS和DIV-Tags设计它之后,你会感谢上帝!

这是一个教程:http://www.colorplexstudios.com/articles/div_web_design_tutorial/

如果你想得到代码问题的答案:这是因为你在第一行有1个单元格,在第二行有3个单元格.使用colspan-attribute.你可以在这里找到一个教程:http://www.htmlcodetutorial.com/tables/index_famsupp_30.html

归档时间：	15 年，11 月前
查看次数：	118 次
最近记录：	15 年，11 月前