Ако използвате таблици за оформление на страницата - не-не в XHTML , между другото, вероятно ще забележите неприятното добавяне на допълнително пространство в оформлението. За да решите този проблем, трябва да проверите както дефиницията на HTML таблицата, така и спецификата на всеки управляващ лист стил.
Определение на таблицата в HTML
HTML маркерът за таблици по подразбиране не контролира някои изисквания за разстояния. Потвърдете три неща за маркера на таблицата във вашия HTML документ:
- Има ли вашата таблица атрибута cellpadding настроен на 0?
- cellpadding = "0"
- Има ли вашата таблица атрибута cellspacing на 0?
- cellspacing = "0"
- Има ли интервали преди или след съдържанието ви и маркерите на таблицата?
Номер 3 е кикът. Много HTML редактори обичат да разполагат с всички раздалечени кодове, за да се улесни четенето. Но много браузъри интерпретират тези раздели, пространства и карета, които се връщат като желано допълнително пространство във вашите таблици. Отърви се от интервалите около етикетите и ще имаш по-отчетливи таблици.
Стил листове
Възможно е обаче той да не е HTML, който е изключен. Каскадните стилови листове контролират някои свойства на дисплеите на таблиците и в зависимост от страницата, можете или не да сте добавили умишлено CSS, конкретно за таблицата, на първо място.
Сканирайте управляващия CSS файл за някоя от следните стойности в таблицата, th или td свойства и коригирайте според нуждите:
- границата определя атрибутите на таблица или клетъчна граница
- колапсът на границата третира съседните граници като едно, за да се избегне дублирането на ширините на границите
- подложката предлага празно пространство, в пиксели, около всяка клетка
- текст-align указва подравняването на текста в клетката
- между разстоянията между клетките, в пиксели
Алтернативи
Въпреки че все още можете да използвате HTML таблици - стандартът е добре установен и универсално поддържан в днешните браузъри - най-модерният отговор на уеб дизайна използва каскадни стилови листове за поставяне на елементи на страница. Таблиците все още имат смисъл за първоначалната цел за показване на таблични данни, но за организиране на оформлението и съдържанието на дадена страница, вие сте много по-добре да използвате CSS оформление вместо това.