Question

我有点难过。

在我的网站上显示标题和导航栏之间有一点差距。我不知道为什么或如何摆脱它。

任何人都可以帮忙吗？

继承人代码：

  <!--new header section ends -->

        <tr>
            <td>
              <img src="layout/eliteheader.jpg" alt="Elite Gaming | The UK's Premier Arcade Machine Supplier" width="900" height="235" />                  </td>
        </tr>


 <!-- Navigation Menu Begins -->

    <tr bordercolor="#000000">
    <td background="layout/background1.gif">
        <div id="Navigation" style="PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; PADDING-RIGHT: 50px; PADDING-TOP: 0px;">

和CSS：

body {
color:#333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;

}

Answer 1

这是因为您在以下行中将cellspacing设置为28：

<table cellpadding="0" cellspacing="28" width="100%">

您需要将其设置为0并检查它是否对页面布局的其他部分没有任何影响。

Answer 2

将 vertical-align:top用于精英标题图片，如下所示，问题将得到解决。

<img style="vertical-align: top" width="900" height="236" alt="Elite Gaming | The UK's Premier Arcade Machine Supplier" src="layout/eliteheader.jpg">

网页顶部的差距。在Dreamweaver上没有显示差距

2 个答案: