Листинг 10.5

#cheader { width: 100 % }

#cnavbar { width: 30 %; min‑width: 240px; float: left }

#cmain { width: 70 %; float: left }

#ccopyright { width: 100 %; clear: both }

 

Поместим этот код в самый конец таблицы стилей main.css, после чего сохраним ее. Откроем Web‑страницу index.htm в Web‑обозревателе и посмотрим, что получилось (рис. 10.2).

Мы сделали это! Много времени ушло на изучение HTML и CSS, но результат того стоит. Вот она – наша первая Web‑страница, выполненная по канонам современного Web‑дизайна.

Еще немного полюбуемся на преобразившуюся Web‑страницу. И снова за дело.

Рис. 10.2. Web‑страница index.htm, выполненная на основе контейнерного Web‑дизайна, в Web‑обозревателе

 








Дата добавления: 2015-05-19; просмотров: 899;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.008 сек.