Если вы используете таблицы для макета страницы (нет-нет в XHTML), скорее всего, вы столкнетесь с неприглядным добавлением дополнительного места в макеты. Чтобы решить эту проблему, вам необходимо проверить как определение таблицы HTML, так и особенности любой управляющей таблицы стилей.
Определение таблицы HTML
HTML тег для таблиц по умолчанию не учитываются некоторые требования к интервалу. Проверьте три вещи о Таблица в вашем HTML-документе:
- У вашей таблицы атрибут cellpadding установлен на 0?
cellpadding = "0"
- У вашей таблицы атрибут cellspacing установлен на 0?
cellspacing = "0"
- Есть ли пробелы до или после вашего контента и тегов таблицы?
Номер 3 - кикер. Многие Редакторы HTML хотелось бы, чтобы код был разнесен, чтобы его было легко читать. Но многие браузеры интерпретируют эти табуляции, пробелы и символы возврата каретки как желаемое дополнительное пространство внутри ваших таблиц. Избавьтесь от пробелов вокруг тегов, и ваши таблицы станут более четкими.
Таблицы стилей
Однако это может быть не HTML.
Каскадные таблицы стилей действительно управляете некоторыми атрибутами отображения таблиц, и, в зависимости от страницы, вы можете или не могли сознательно добавить CSS, специфичный для таблицы, в первую очередь.Просканируйте управляющий файл CSS на наличие любого из следующих значений внутри Таблица, th, или же тдproperties и при необходимости отрегулируйте:
- граница: Задает атрибуты границы таблицы или ячейки
- граница-коллапс: Обрабатывает смежные границы как одну, чтобы избежать дублирования ширины границ.
- набивка: Предлагает пустое пространство в пикселях вокруг каждой ячейки.
- выравнивание текста: Определяет выравнивание текста внутри клетки
- пограничный интервал: Устанавливает интервал между ячейками в пикселях.
Альтернативы
Хотя вы по-прежнему можете использовать HTML-таблицы (стандарт хорошо зарекомендовал себя и повсеместно поддерживается в современных браузеры), самый современный адаптивный веб-дизайн использует каскадные таблицы стилей для размещения элементов на странице. Таблицы по-прежнему имеют смысл с точки зрения их первоначальной предполагаемой цели отображения табличных данных, но для организации макета и содержимого страницы вам гораздо лучше использовать макет CSS.