HTML表之间不需要的空间

时间:2016-07-30 20:39:16

标签: html css html-table

我有一个包含两个大表的页面,一个位于另一个之上:

http://files.sportsmogul.com/Encyclopedia/1907/BOS/index.html

在我的编辑器(Dreamweaver CC 2015)中,表之间没有空格。

但是在Chrome中,有一个大约10个像素的无用间隙(背景显示的蓝色空间,顶部“导航栏”和页面其余部分之间)。

我去年在这里发布了这个问题,并被告知表格之间有一个RickRoll = rgb2gray(imread('Rick-Roll3.png')); % 800x800 image I = zeros ([1000, 1000]); I(101:100+800, 101:100+800) = RickRoll; 标签。好吧,我觉得自己像个白痴,但即使我在记事本中打开文件,我也找不到所谓的<br>标签来挽救我的生命。

如果确实有<br>标签,你可以帮我找到它(例如只是告诉我它在哪一行)?

4 个答案:

答案 0 :(得分:1)

首先,导航栏表后紧跟<br>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">

因此,在删除<br>并将这些样式添加到三个导航栏图像后,它应如下所示:http://i.imgur.com/XdgcTjj.png我认为这是你想要的效果。

另外,作为旁注,Dreamweaver使您的代码看起来非常残酷,几乎无法阅读。这使得发现这些问题非常困难,这可能就是为什么没有人真正能够提供帮助的原因。

答案 1 :(得分:0)

实际上有一个&lt; br&gt;你的桌子之间。给一条线可能没有帮助,因为它可能在梦想织布工中有所不同。

我建议的是,打开此文档,然后打开后,同时按下以下内容。 CTR + F(或Mac上的CMD + F)将弹出一个搜索框,然后键入&lt; br&gt;如果您在文档顶部执行此操作,它将带您到第一个休息时间,否则转到最靠近顶部的休息时间。那是造成问题的那个。只是删除它,问题解决了!

答案 2 :(得分:0)

每个

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

&#34; br&#34;标签。搜索这一行,你会发现它们全部,或者看一下使用搜索功能的海报所说的内容,这也就足够了。

答案 3 :(得分:0)

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

Phantom <br> tag rendered by browsers prior to <table> tag

不幸的是,该问题的解决方案似乎无法解决我的问题。我使用Dreamweaver 2015中提交W3C服务的功能验证了代码,并返回“未发现警告或错误”。