Управление расположением элементов веб-страницы с помощью таблиц
В World Wide Web довольно часто встречаются страницы, на которых произвольное расположение элементов достигается с помощью таблиц. В частности, такой подход часто применяют, если необходимо оставить на странице относительно большие “пустоты”.
Как можно этого достичь? Наверное, наиболее изящным и эффективны? решением было бы применение абсолютного позиционирования элемен тов, однако многие привыкли решать подобного рода задачи с помощью обычных таблиц. Поскольку границы между ячейками таблицы могут не отображаться, а ячейки могут быть как бы пустыми, такой способ некого рое время (до появления CSS) представлялся лучшим решением подоб ных задач. Давайте рассмотрим, как это делается.
Сначала определим стили будущей страницы — цвет фона и центрирование текста:
<STYLE> BODY { background-color: #FOE7F1;
} H2 { text-align: center;
} TD { font-family: MS Comic Sans, sans-serif;
text-align: center; } </STYLE>
Теперь можно задать параметры самой таблицы. При этом отступ от внутраннего края ячейки (CELLPADDING=) и расстояние между ячейками (CELLSPACING=) лучше задать равными нулю, чтобы ничто не отвлекало нас от задания минимальных размеров ячеек:
<TABLE WIDTH="99%" CELLSPACING="0" CELLPADDING="0">