php - 奇怪的 CSS 菜单问题

Question

我遇到了一个奇怪的问题，需要一些帮助。

此菜单代码转到所有链接，样式表为 style.css:

<div id="slider">
<table width="1282" border="0">
  <tr>
    <td width="336"></td>
    <td width="96"><a href="?p=for-publishers" <?php echo ($_GET['p']=='for-publishers') ? 'style="color:#98b755"' : ''  ?>>Publishers intro</a></td>
    <td width="91"><a href="?p=for-publishers/keyfeatures" <?php echo ($_GET['p']=='for-publishers/keyfeatures') ? 'style="color:#98b755"' : ''  ?>>Key features</a></td>
    <td width="125"><a href="?p=for-publishers/private-ad-exchange" <?php echo ($_GET['p']=='for-publishers/private-ad-exchange') ? 'style="color:#98b755"' : ''  ?>>Private Ad exchange</a></td>
    <td width="147"><a href="?p=for-publishers/optimize-demand-partners" <?php echo ($_GET['p']=='for-publishers/optimize-demand-partners') ? 'style="color:#98b755"' : ''  ?>>Optimize  Demand Partners</a></td>
    <td width="48"><a href="?p=for-publishers/display-textads-mobile" <?php echo ($_GET['p']=='for-publishers/display-textads-mobile') ? 'style="color:#98b755"' : ''  ?>>RTB</a></td>
    <td width="34"> <a href="?p=for-publishers/faq" <?php echo ($_GET['p']=='for-publishers/faq') ? 'style="color:#98b755"' : ''  ?>>FAQ</a></td>
    <td width="371"><a href="?p=get-started" <?php echo ($_GET['p']=='get-started') ? 'style="color:#98b755"' : ''  ?>>Get Started</a></td>

  </tr>
  </table>
  </div>

应该没有区别，但不知何故“for-publishers”上的链接多了一个空格。

您可以在 http://---www---seorapport---se 上查看问题

这会是什么？

只需询问您是否需要更多信息。非常感谢。

Answer 1

您对 <table> 的使用并且您制作该菜单的方式是说得好:不好。

您可以通过添加 overflow: hidden 来快速删除“多余的空间”至 #slider .

这将防止过度width的 1282在 table 上从造成“额外的空间”。

---

仔细观察，我发现还有其他问题。

• 这是我刚刚提供修复的问题:

  

• 这是另一个差距，我怀疑您正在谈论的那个差距:

  

• 同一样式表被导入三次:

  <link href="style.css" rel="stylesheet" type="text/css" /></head>
  ..
  <link href="style.css" rel="stylesheet" type="text/css" />
  <div class="menu">
  ..
  --><link href="style.css" rel="stylesheet" type="text/css" />
  

• 一堆 JavaScript 文件没有被加载:

  

• HTML 有一些 nasty validation errors关于标签的打开和关闭。