HTML表格

-3

之间的不必要的空间，我有两个大表，一个位于上方的其它页面：HTML表格

http://www.sportsmogul.com/Encyclopedia/2007/BOS/index.html

在我的编辑器（Dreamweaver的CC 2015年），有表之间没有空格。

但是在Chrome中，存在大约10个像素（背景显示的蓝色空间，位于顶部“导航栏”和页面其余部分之间的蓝色空间）的不需要的间隙。

去年我在这里发布了这个问题，并被告知表格之间有一个 标签。那么，我觉得自己像一个白痴，但我无法找到所谓的 标签来挽救我的生命，即使我在记事本中打开该文件。

如果确实有一个 标签，你能帮我找到它吗（比如我只是告诉我它是在哪条线上）？

来源

2016-07-30 Clay Dreslough

它是你的''的直接孩子，在第一个'

'之后。顺便说一句，不要使用表格进行布局。另外，如果您找不到内容，请尝试使用搜索功能搜索它。 – Chris

绝对是br标签。 http://imgur.com/EPZPQMq –

可能重复[如何摆脱表之间的不必要的空间？]（http://stackoverflow.com/questions/26866134/how-to-get-rid-of-unwanted-空间之间的表格） – gearsdigital

回答

我的妻子发现至少部分答案：

Phantom tag rendered by browsers prior to <table> tag

不幸的是，解决这个问题似乎没有解决我的问题。我使用Dreamweaver 2015中的功能验证了该代码，该功能提交了W3C服务，并返回了“没有发现任何警告或错误”。

来源

2016-07-31 00:26:50

我自己跑了检查，我发现31错误。 [链接]（https://validator.w3.org/check?uri=http%3A%2F%2Fwww.sportsmogul.com%2FEncyclopedia%2F2007%2FBOS%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0 ）。该代码很难调试，因为没有缩进，它是如何显示Dreamweaver中的代码？另外，许多标签以小写字母打开，但以大写字母打开（例如''和''），这也使得它更难一些。 – Chris

这很有帮助。我昨晚找到了同样的链接。似乎Dreamweaver功能涉嫌将该文件提交给W3C已被彻底破坏......而且我可能处理的是比删除一个标记更大的问题。我没有写出原始文件，并且很多错误（例如不间断空格）对页面布局至关重要...... :( –

公平起见，代码存在许多问题，而且我不要说这是粗鲁或任何事情，你使用的表格来控制网站的布局，这是相当不容易的，有可能是一些缺失的标签或任何其他错误可能导致这个问题，我甚至没有知道如何开始调试你的代码，因为我从来没有为此目的使用过表（这两者都不应该）。顺便说一下，错误发生在我测试的所有浏览器上（chrome，ff和Edge）。 – Chris

首先，有导航栏表后立即 ：http://i.imgur.com/qLGU3Du.png

删除和大部分的空间就会消失。剩余空间是由导航栏中的'首页'，'领导'和'创建'图像造成的。内联元素的默认对齐方式，如字母descenders，在内部保留一些空间。您需要为这3个图像中的每一个添加vertical-align: top样式以删除空间。例如，第一图像看起来像：

<img src="../../navbar1.jpg" border="0" alt="Home" width="200" height="76" style="vertical-align: top">

所以去除 以及将这些风格三个导航栏图像之后，就应该是这样的：http://i.imgur.com/XdgcTjj.png我相信这是你所追求的效果。另外，就像旁注一样，Dreamweaver让你的代码看起来非常残暴，几乎不可能阅读。这使得发现这些问题非常困难，这可能是没有人真正能够提供帮助的原因。

来源

2016-07-30 20:43:29 Mogzol

OP已经提到 –

@IsabelInc他们没有？他们说他们找不到'
'标签。 – Mogzol

删除这些并不能消除我所问的差距。请自行编辑文件并在Chrome中打开它，如果你不相信我，请亲自查看。我欣赏不同的想法，但对于我（以及其他任何具有相同问题的读者），如果您没有对其进行验证，您会看到所陈述的建议为“事实”（“删除这些空间和空间消失”），这令人感到沮丧。 –

实际上在您的表格之间有一个 。给予一条线可能没有帮助，因为它可能在梦中织布工不同。

我会建议的是，打开这个文档，然后一旦打开，同时按以下。 CTR + F（或Mac上的CMD + F）将弹出一个搜索框，然后输入 如果您在文档的顶部执行此操作，它将为您带来第一次休息，否则请转到最近的一次顶端。这是造成问题的原因。只需将其删除并解决问题！

来源

2016-07-30 21:47:23

仅供参考，我正在运行Windows10。当我第一次发现问题时正在运行Windows7。你至少是第10位自信地表示，当没有一个表时，这两个表之间有一个'
'标记。 :( 至少在Windows中，如果我下载文件并使用搜索+替换来消除所有的'
'标签，则差距仍然存在如果您在Mac上的结果不同，请告诉我 - - 这可能是某种线索，谢谢！ –

如果是Dreamweaver正在做的事情，那是一个完全不同的问题和一个标题解释，可以更容易地得到你需要的答案，但是我已经下载它并用记事本打开它并且在同一个地方有一个
，所以如果你的原始代码中不存在，请从Dreamweaver发布原始代码，因为它实际上是你网站上的代码的一部分，并且作为便条，记事本不再包括行，我不能给你一个行，但它毫无疑问是第一个
–

内的每个

<td colspan="3" style="PADDING-LEFT: 10px; PADDING-RIGHT: 10px">

的是 “BR” 标记。搜索这一行，你会发现他们全部，或看看海报建议使用搜索功能说了什么，这也是足够的。

来源

2016-07-30 21:52:59 Kevin

回答

相关问题