Шаблон сайта. Часть первая
В классическом варианте сайт должен содержать горизонтальное и вертикальное меню, из которых посетитель выбирает нужные ему пункты. Ну, что-то вроде такого:
При наведении мыши на ссылку она должна как-то меняться (или должно появляться выпадающее меню), при нажатии в основном поле должна появляться соответствующая информация. Попробуем сделать нечто похожее на картинку. Текст примера:
и он же в работе. Обратите внимание на стиль класса .pm float:left; - объекты этого класса всплывают в пределах содержащего их объекта влево, каждый прилипает к правой части предыдущего. Так в горизонтальном меню. В вертикальном меню придется все .pm собрать в div с именем tbl, чтобы не разбежались. И, наконец, div с именем out всплывает вправо, именно он содержит основную информацию страницы. Внешний вид шаблона легко изменить, ну, например, переставить левое меню направо, разницу в коде сами заметите:
Смотрим результат. Оформим вертикальное меню: разнесем ссылки и расположим каждую из них на своем поле, в котором может содержаться какой-то текст.
Смотрим, как это работает и переходим к дальнейшему оформлению.