CSS

Шаблон сайта. Часть первая

В классическом варианте сайт должен содержать горизонтальное и вертикальное меню, из которых посетитель выбирает нужные ему пункты. Ну, что-то вроде такого:

При наведении мыши на ссылку она должна как-то меняться (или должно появляться выпадающее меню), при нажатии в основном поле должна появляться соответствующая информация. Попробуем сделать нечто похожее на картинку. Текст примера:

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

Смотрим результат. Оформим вертикальное меню: разнесем ссылки и расположим каждую из них на своем поле, в котором может содержаться какой-то текст.

Смотрим, как это работает и переходим к дальнейшему оформлению.

Рейтинг@Mail.ru