Выравнивание по центру
Казалось бы, нет ничего сложного, чтобы установить картинку или текст
в центре окна браузера. Используем тег CENTER и все становится на то место,
куда мы и задумывали. Однако не все так просто. Существует три способа
выравнивания по центру, каждый из них имеет свои особенности и отличия
в разных браузерах.
Колонки с разделителем
Блоки текста часто разделяют между собой вертикальной линией, чтобы взгляд
читателя не перескакивал с одной колонки на другую.
Отступ первой строки
Использование красной строки с отступом в 2-5 пробела повышает читаемость
текста, позволяя легко отыскивать взглядом начало следующего абзаца.
Отступы на веб-странице
Горизонтальные и вертикальные отступы от края браузера до содержимого
веб-странице встроены в браузер по умолчанию. Тем не менее можно изменять
значение этих параметров, делая отступы по желанию больше или меньше.
Подрисуночная подпись
Подрисуночная подпись - это надпись, являющаяся комментарием к рисунку
и его описывающая. Такая подпись важна, поскольку привлекает внимание
читателя к рисунку и дает больше информации об изображении.
Проценты и пикселы
Проблема заключается в следующем. Если в документе необходимо поместить
таблицу, которая состоит из нескольких колонок, ширина в некоторых браузерах
будет отображаться некорректно. Это происходит, когда надо совместить
сочетание процентов и пикселей. Так, например, ширина таблицы задается
100%, одна из ячеек должна быть 200 пикселей, ширина оставшихся - все
остальное.
Создание колонок
Две и более колонки позволяют разбить длинный текст или другое содержимое
на блоки. В левой, например, рубрикатор, в правой - новости.
Центрирование по вертикали
Одним из способов показать посетителю направленность и название сайта
является использование сплэш-страницы. Это первая страница, на которой,
как правило, расположен рисунок или flash-заставка, выражающие главную
идею сайта. Это изображение также является и ссылкой на остальные разделы
сайта. Задача - разместить такой рисунок по центру окна браузера вне зависимости
от разрешения монитора.
Copyright © Влад Мержевич