Верстка подвала

В этом уроке мы закончим работу над макетом. Осталось доделать подвал и протестировать страничку в других популярных браузерах.

Блок для подвала у нас уже создан, он имеет класс footer. Давайте запишем в этом блоке копирайты, год и название сайта. Для этого между тегами <div class="footer">...</div> создайте абзац с помощью тега <p></p> и запишите в нем строку:

Верстка подвала

Для написания символов (в нашем случае — это знак копирайта), в html существует специальная таблица символов. Для нашего знака код записывается так &copy; Все остальное мы уже делали, а конкретно — это классы для оформления логотипа. Теперь нужно немного подправить стили:

Верстка подвала

Нам нужно указать для класса .footer высоту, убрать фон. Для абзаца установить выравнивание содержимого по центру, размер текста, начертание текста и тень. И немного подправить класс .beige, сделав шрифт поменьше.

Шаблон готов. Теперь давайте проверим его отображение в других браузерах. Для этого скачайте и установите:

У меня страница во всех браузерах отображается корректно. Если у вас появились ошибки — пишите, разберем их вместе. И еще один момент, браузере Internet Explorer не поддерживает некоторые свойства css, например, тень у текста, скругленные углы. Поэтому, если эти свойства у вас не работают в ie, не пугайтесь, это не вы, это ие :)

Скачать шаблон html+css

http://youtu.be/bV4XEZm4RWg

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

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

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



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

Верстка подвала | | 2012-04-18 13:23:00 | | Статьи Web-мастеру | | В этом уроке мы закончим работу над макетом. Осталось доделать подвал и протестировать страничку в других популярных браузерах.Блок для подвала у нас уже создан, он имеет класс footer. Давайте | РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
 
Поделиться с друзьями: