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

相關問題