Записи с меткой "верстка"

Текст на странице

Сегодня мы будем заниматься блоком «content», содержащим основной текст страницы. Сделаем отступы (поля) – 15 пикселей слева и 10 пикселей сверху. Для этого в файле style.css, добавим свойство margin в инструкцию #content: Обратите внимание, ширина левого поля (правое в нашем случае равно нулю) будет добавлена к ширине блока «content», поэтому, чтобы не сместился сайдбар... 

Опубликовано 15 Февраль 2011.   Комментарии: Комментарии к записи Текст на странице отключены.   Далее »

Оформляем сайдбар

Сегодня займемся оформлением сайдбара. Убирать шаблонный текст в файле index.html внутри блока «sideRight» не советую, т.к. наш сайдбар будет «резиновым» и если не оставить ни одной строчки, то он просто «сложится» в одну линию. Во-первых, изменим внешний вид самого сайдбара – зададим границу выбранного цвета непрерывной линией в 1 пиксель, изменим цвет фона и установим... 

Опубликовано 13 Февраль 2011.   Комментарии: 3.   Далее »

Оформляем горизонтальное меню

Приступаем к созданию навигации по нашему сайту. Начнем с горизонтального меню, расположенного в заголовке страницы. Все этапы можно отследить на картинках (для наглядности, я обвела весь список и каждый из элементов белой рамкой). В файле index.html Внутри блока «topNav» перед блоком «desc» добавляем пункты меню в виде маркированного списка. Обратите внимание... 

Опубликовано 08 Февраль 2011.   Комментарии: 2.   Далее »

Уменьшаем количество блоков

Прежде чем начать дальнейшую работу над сайтом, предлагаю немного уменьшить количество блоков, из которых он будет состоять. Это упростит понимание CSS кода. Итак, за блоком «header» следует блок «middle», имеющий внутри себя еще три блока: блок «container» блок «content» блок «sideRight» В файле index.html Оставим только «content» и «sideRight» (блок «middle» тоже... 

Опубликовано 07 Февраль 2011.   Комментарии: 3.   Далее »

Логотип и другие

В предыдущей статье мы задали фоновое изображение для шапки и подвала сайта и фоновый цвет для <body> и блока «wrapper». Сегодня разместим в шапке логотип, фон для горизонтального меню, заголовок и краткое описание сайта. С тегом <div></div> мы уже знакомы. Кроме того, понадобятся знание тегов: <a href=»/»>текст</a> —  тег ссылки, связывает анкор (текст)... 

Опубликовано 01 Февраль 2011.   Комментарии: Комментарии к записи Логотип и другие отключены.   Далее »
Страница 1 из 212

Нужна помощь?