Создание контента

В этом уроке мы добавим контент на нашу страничку. Для этого создадим новый блок с классом .content. Поместите его между шапкой и подвалом, т.е. между блоками <div class="header"></div> и <div class="footer"></div>:

Создание контента

Запишите в этом блоке какой нибудь текст, например, "Привет, Мир!". В стилях прописываем свойства для этого блока:

Создание контента

Устанавливаем отступы внутри блока, сверху, слева и справа по 20px, а снизу - 70px. 70px мы устанавливаем для того, чтобы контентная часть не налезала на подвал. Подвал имеет высоту 50px, плюс 20px от него, получаем отступ в 70px снизу от контента. Сохраняем изменения и смотрим результат:

Создание контента

В следующем уроке создадим макет, состоящий из двух колонок. 

Скачать макет с одной колонкой

Видеоматериал по этому уроку:

http://youtu.be/tZ2SDvavXY8

Источник: http://psd-html-css.ru/css/sozdanie-kontenta

Читать комменты и комментировать

Добавить комментарий / отзыв



Защитный код
Обновить

Создание контента | | 2012-03-29 13:51:00 | | Статьи Web-мастеру | | В этом уроке мы добавим контент на нашу страничку. Для этого создадим новый блок с классом .content. Поместите его между шапкой и подвалом, т.е. между блоками и :Запишите в этом блоке какой нибудь | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: