У меня есть страница с двумя большими столами, один расположен над другим:Нежелательные Пространство между HTML Таблицы
http://www.sportsmogul.com/Encyclopedia/2007/BOS/index.html
В моем редакторе (Dreamweaver CC 2015), нет никакого пространства между таблицами.
Но в Chrome есть нежелательный зазор около 10 пикселей (синее пространство, в котором проходит фон, между верхней панелью навигации и остальной частью страницы).
Я разместил этот вопрос здесь в прошлом году, и мне сказали, что между таблицами есть метка <br>. Ну, я чувствую себя идиотом, но я не мог найти якобы <br> тег, чтобы спасти свою жизнь, даже когда я открыл файл в «Блокноте».
Если действительно есть тег <br>, можете ли вы помочь мне найти его (например, просто сказать мне, в какой строке он включен)?
Это прямой ребенок вашего '
', после первого'Определенно тег br. http://imgur.com/EPZPQMq –
Возможный дубликат [Как избавиться от нежелательного пространства между таблицами?] (http://stackoverflow.com/questions/26866134/how-to-get-rid-of-unwanted- space-between-tables) – gearsdigital
ответ
Моя жена обнаружила по крайней мере частичный ответ:
Phantom <br> 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? Кроме того, многие теги открываются в нижнем регистре, но закрываются в верхнем регистре (например, «
Это полезно. Вчера вечером я нашел ту же ссылку. Похоже, что функция Dreamweaver, которая якобы отправляет файл W3C, полностью нарушена ... и я, вероятно, имею дело с гораздо большей проблемой, чем удаление одного тега. Я не писал исходный файл, и многие ошибки (например, неразрывные пробелы) имеют важное значение для макета страницы ... :( –
Справедливости ради, есть много проблем с вашим кодом, и я не говоря о том, что это грубо или что-то в этом роде. Вы используете таблицы для управления макетом веб-сайта, и это совершенно не-нет. Возможно, что некоторые недостающие теги или любая другая ошибка могут вызвать эту проблему. знаете, как начать отладку кода, поскольку я никогда не использовал таблицы для этой цели (как и вы не должны). Кстати, ошибка возникает во всех проверенных мной браузерах (хром, ff и край). – Chris
Прежде всего есть
<br>сразу после таблицы NavBar: http://i.imgur.com/qLGU3Du.pngУдалить это и большую часть пространства уйдет. Оставшееся пространство вызвано изображениями «Главная», «Лидеры» и «Создано» на навигационной панели. Выравнивание по умолчанию для встроенных элементов, таких как эти, резервирует некоторое пространство под буквой descenders. Вам нужно добавить стиль
vertical-align: topдля каждого из этих трех изображений, чтобы удалить пространство. Например, первое изображение будет выглядеть следующим образом:Таким образом, после удаления, что
<br>и добавляя эти стили к трем NavBar изображений, он должен выглядеть следующим образом: http://i.imgur.com/XdgcTjj.png, который я считаю, это эффект вы собираетесь.Также, как примечание стороны, Dreamweaver делает ваш код абсолютно ужасным и почти невозможным для чтения. Это затрудняет поиск этих проблем, и поэтому, возможно, никто не смог помочь.
источник
2016-07-30 20:43:29 Mogzol
OP уже упоминал, что –
@IsabelInc Нет, они этого не сделали? Они сказали, что не могут найти тег '
'. – Mogzol
Удаление этих объектов не устраняет пробел, о котором я прошу. Пожалуйста, отредактируйте файл самостоятельно и откройте его в Chrome и убедитесь сами, если вы мне не верите.Я ценю разные идеи, но мне сложно (и любого другого читателя с той же проблемой) видеть предложение, указанное как факт («удалите те и пространства уйти»), когда вы его не проверили. –
Между вашими таблицами существует <br>. Давать линию может не помочь, потому что она может быть другой в ткачине мечты.
Что я предлагаю, откройте этот документ, а затем откройте его, одновременно нажмите одновременно. CTR + F (или CMD + F на mac) Появится окно поиска, затем введите <. Br: > Если вы сделаете это, находясь в верхней части документа, оно приведет вас к первому перерыву, в противном случае перейдите к ближайшей вершина. Это вызывает проблемы. просто удалите его, и проблема решена!
источник
2016-07-30 21:47:23
FYI, я запускаю Windows10. Выполнял Windows7, когда я впервые обнаружил проблему. Вы, по крайней мере, 10-й человек уверены, что между этими двумя таблицами существует тег '
', если его нет. :( В Windows по крайней мере, если я загружаю файл и использую Search + Replace, чтобы устранить все теги '
', пробел по-прежнему существует. Если ваши результаты на Mac отличаются друг от друга, сообщите мне, - Это может быть какой-то ключ. Спасибо! –
Если это что-то, что делает Dreamweaver, это совсем другой вопрос, а заголовок объясняет, что гораздо легче получить ответ, который вам нужен. Но я его загрузил и открыл его в блокноте и опять же, есть
в одном и том же месте. Так что, если этого не существует в вашем исходном коде, отправьте исходный код из Dreamweaver, потому что он на самом деле является частью кода на вашем сайте, а в качестве примечания - блокнот не включает строки так снова, я не могу дать вам строку, но это, без сомнения, первый
–
Внутри каждого
являются "бр" метки. Найдите эту строку, и вы найдете их все, или посмотрите, что сказал плакат с использованием функции поиска, это также достаточно.
источник
2016-07-30 21:52:59 Kevin
Смежные вопросы