Удаление интервала между таблицами
Здравствуйте, я просматриваю все решения, опубликованные в переполнении стека, о том, как удалить интервал между таблицами, и я перепробовал их все, но все еще не могу заставить его работать.
Я пробовал установить интервал между ячейками и границу на 0, я пробовал сбрасывать границу, я пробовал установить отступ на 0. Может ли кто-нибудь взглянуть и сообщить мне, где я ошибаюсь?
<table cellpadding = "0" cellspacing = "0" width = "100%" style = "background-color: transparent; min-width: 100%; " class = "stylingblock-content-wrapper">
<tr>
<td style = "padding: 15px 20px 0px; " border = "0" cellspacing = "0" cellpadding = "0" class = "stylingblock-content-wrapper camarker-inner" border-collapse: collapse; border-spacing: 0;><div style = "text-align: justify;"> <span style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;">Who said holidays should be saved for the summer months? Come explore Greece and the Eastern Mediterranean with Insight Vacations during the autumn, winter and spring and we will connect you to the local people and history with our unique Insight Experiences. </span><br>
</div>
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <span style = "color: rgb(8, 30, 63); font-family: Effra, Montserrat, sans-serif; text-align: justify;"><b>Discover Egypt with your own Egyptologist </b>as you marvel at the great pyramids of Giza and the ancient temples and tombs along the River Nile.</span></li>
</ul>
<div>
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <span style = "color: rgb(8, 30, 63); font-family: Effra, Montserrat, sans-serif; text-align: justify;"><b>Join a local chef</b> and <b>savour the regional specialties</b> in a fun, exciting introduction to Greek cooking.</span></li>
</ul>
<div>
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <span style = "color: rgb(8, 30, 63); font-family: Effra, Montserrat, sans-serif; text-align: justify;">Venture further into the East and gain an insight into the lives of the Ottoman Sultans during a <b>private tour of the fabulous Topkapi Palace</b> in Istanbul.</span> </li>
</ul>
</div>
</div></td>
</tr>
</table>
<table cellpadding = "0" cellspacing = "0" width = "100%" style = "min-width: 100%;" class = "stylingblock-content-wrapper" border = "0" cellpadding = "0" cellspacing = "0">
<tr>
<td border = "0" cellspacing = "0" cellpadding = "0" class = "stylingblock-content-wrapper camarker-inner" border-collapse: collapse; border-spacing: 0;><table border = "0" cellpadding = "0" cellspacing = "0">
<tr>
<td align = "left" style = "padding-left: 20px" border = "0" cellpadding = "0" cellspacing = "0"><div class = "imgpop">
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <a style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;">Get an even better value than before, with our <b>best deal in years</b>. See trips marked with our Special Anniversary Pricing Icon, which designate our<b> special anniversary pricing</b> for off-season travel.</a></li>
</ul>
</div></td>
<td align = "right" class = "social" style = "padding-right: 20px"><img alt = "Special Anniversary Pricing" data-assetid = "9745" height = "100" src = "http://image.em.insightvacations.com/lib/fe941570706c037f71/m/4/6750243f-be71-492c-91b5-8f161e978574.png"></td>
<td align = "right" width = "0"></td>
</tr>
</table></td>
</tr>
</table>
Извините, отредактирую вопрос, чтобы повысить качество вопроса
—
10.07.2018 19:33
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
2
173
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
Расстояние, которое вы смотрите, создается ul (маржа), а не table.
ul { margin: 0; } <table cellpadding = "0" cellspacing = "0" width = "100%" style = "background-color: transparent; min-width: 100%; " class = "stylingblock-content-wrapper">
<tr>
<td style = "padding: 15px 20px 0px; " border = "0" cellspacing = "0" cellpadding = "0" class = "stylingblock-content-wrapper camarker-inner" border-collapse: collapse; border-spacing: 0;><div style = "text-align: justify;"> <span style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;">Who said holidays should be saved for the summer months? Come explore Greece and the Eastern Mediterranean with Insight Vacations during the autumn, winter and spring and we will connect you to the local people and history with our unique Insight Experiences. </span><br>
</div>
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <span style = "color: rgb(8, 30, 63); font-family: Effra, Montserrat, sans-serif; text-align: justify;"><b>Discover Egypt with your own Egyptologist </b>as you marvel at the great pyramids of Giza and the ancient temples and tombs along the River Nile.</span></li>
</ul>
<div>
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <span style = "color: rgb(8, 30, 63); font-family: Effra, Montserrat, sans-serif; text-align: justify;"><b>Join a local chef</b> and <b>savour the regional specialties</b> in a fun, exciting introduction to Greek cooking.</span></li>
</ul>
<div>
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <span style = "color: rgb(8, 30, 63); font-family: Effra, Montserrat, sans-serif; text-align: justify;">Venture further into the East and gain an insight into the lives of the Ottoman Sultans during a <b>private tour of the fabulous Topkapi Palace</b> in Istanbul.</span> </li>
</ul>
</div>
</div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table cellpadding = "0" cellspacing = "0" width = "100%" style = "min-width: 100%;" class = "stylingblock-content-wrapper" border = "0" cellpadding = "0" cellspacing = "0">
<tr>
<td border = "0" cellspacing = "0" cellpadding = "0" class = "stylingblock-content-wrapper camarker-inner" border-collapse: collapse; border-spacing: 0;><table border = "0" cellpadding = "0" cellspacing = "0">
<tr>
<td align = "left" style = "padding-left: 20px" border = "0" cellpadding = "0" cellspacing = "0"><div class = "imgpop">
<ul>
<li style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;"> <a style = "color:#081E3F; font-family: Effra, Montserrat, sans-serif; font-size: 16px; line-height : 1.5;">Get an even better value than before, with our <b>best deal in years</b>. See trips marked with our Special Anniversary Pricing Icon, which designate our<b> special anniversary pricing</b> for off-season travel.</a></li>
</ul>
</div></td>
<td align = "right" class = "social" style = "padding-right: 20px"><img alt = "Special Anniversary Pricing" data-assetid = "9745" height = "100" src = "http://image.em.insightvacations.com/lib/fe941570706c037f71/m/4/6750243f-be71-492c-91b5-8f161e978574.png"></td>
<td align = "right" width = "0"></td>
</tr>
</table>AH Спасибо, не знал, что ul тоже имеет пробел
—
10.07.2018 19:41
Ничего страшного, у меня была такая же проблема давным-давно.
—
10.07.2018 19:43
Если вы хотите узнать, откуда берется пространство (поля / отступы), используйте инструменты разработчика в вашем браузере. Наведите указатель мыши на тег на вкладке «Элементы» и просмотрите главное окно.
—
10.07.2018 19:47
Как сказал @ rioV8, это отличный способ узнать, что происходит. Firefox отлично подходит для такого рода вещей
—
10.07.2018 19:48
Пробелы, которые вы видите между ячейками таблицы и двумя таблицами, связаны не с интервалом между таблицами, а с полями по умолчанию в ваших тегах <ul>. Замените каждый <ul> на <ul style = "margin: 0px">, и промежуток исчезнет. Для более элегантного решения перейдите во внешнюю таблицу стилей и установите для всех тегов <ul> отсутствие полей.
Другой причиной расхождения между таблицами является изображение, которое вы поместили во вторую таблицу. Изображение достаточно высокое, чтобы изменить высоту строки, давая вам пространство, которое вы видите. Удалите изображение или поместите его вне тега <ul>, чтобы удалить пробел, сохранив изображение.
Надеюсь, это поможет, если вам нужно увидеть настоящий HTML-код исправления, которое я могу предоставить, но кажется, что это достаточно легко исправить без него.
Другие вопросы по теме
Как выровнять второй ряд упакованных карточек с первым рядом с помощью Flexbox?
Настройка пользовательского интерфейса материала 1.3.1 Панель расширения
Почему значки font awesome перекрываются рамкой?
Альтернатива преобразованию: масштабирование в div?
CSS Grid - проверьте, есть ли в строке сетки пустые ячейки и заполните
Я не могу увидеть этот текст под этим значком
Как я могу добавить адаптивный дизайн к этому макету flexbox?
CSS Grid выталкивает строки вверх на основе содержимого
Фоновое изображение Bootstrap Jumbotron не работает
Ссылки внутри группы списков Bootstrap с заголовком и всплывающей подсказкой встряхивают нижнее содержимое
Похожие вопросы
Почему значки font awesome перекрываются рамкой?
Выбрать варианты с выпуском новых строк
Сделайте обычную пуговицу слабой
Альтернатива преобразованию: масштабирование в div?
Как мне получить в платформе ASP.NET мой текущий URL
Я не могу увидеть этот текст под этим значком
Чтение URL-адреса из переменной Javascript в HTML
JQuery не может получить доступ к родительскому элементу динамически создаваемого элемента - родительский элемент не определен
Firefox HTML5 недопустимая позиция всплывающего сообщения формы
Использование тега Echo'd <a> в качестве ссылки для загрузки на веб-сайте PHP
Включите минимальный пример кода, воспроизводящего проблему (минимальный воспроизводимый пример). Прямо сейчас у вас есть несколько уровней вложенных таблиц, и ваш код начинается с уровня глубокой вложенности, что делает код недействительным.