Gaist-Endruy
( off
)
(
08:32 01-09-2009
)
style.css для браузеров (media="screen"), а print.css для печатающих устройств (media="print"). Соответственно, эти CSS стили друг с другом не связаны и описывают страницу каждый по-своему. Cтиль для print.css будет предельно простым:
Gaist-Endruy
( off
)
(
08:33 01-09-2009
)
body, #header, #main, #content, #footer {
color: #000;
background-color: #fff;
}
a {
color: #000;
}
#leftmenu, #rightmenu {
display: none;
}
Прикрепленный файл .txt:
скачать
(153b)
Gaist-Endruy
( off
)
(
08:34 01-09-2009
)
Устанавливаем белый фон для блоков, текстовые элементы делаем черными. Гиперссылки () также будут черного цвета. Согласитесь, для вывода на печать это разумно.
Gaist-Endruy
( off
)
(
08:34 01-09-2009
)
С помощью директивы display: none; полностью убраны боковые меню. Очевидно, что страница будет распечатываться ради основного текста, заголовок также не помешает. «Подвал» остается при печати, в случае необходимости вы всегда сможете удалить и его.
Gaist-Endruy
( off
)
(
08:34 01-09-2009
)
Заключение
Gaist-Endruy
( off
)
(
08:34 01-09-2009
)
У нас получился макет страницы в 3 колонки, макет этот полностью описан средствами CSS и немного «разбавлен» XHTML и JavaScript. Преимущества и недостатки этого способа CSS верстки описаны выше (к концу статьи можно и подзабыть - не очень коротЕнько получилось, согласен).
Gaist-Endruy
( off
)
(
08:35 01-09-2009
)
Осталось подобрать шрифт и цвета «по вкусу», приделать к «резиновой» верстке не менее «резиновый» размер шрифта, подумать над оформлением заголовков, и получится нормальный дизайн информационного сайта, полностью реализованный на CSS. Что и требовалось доказать.
Gaist-Endruy
( off
)
(
08:36 01-09-2009
)
Много очень, выкладываю в текстовом файле сам код!
Прикрепленный файл .txt:
скачать
(710b)
Gaist-Endruy
( off
)
(
08:38 01-09-2009
)
Каскадные таблицы стилей CSS.
Все выше написаное, начиная с первого поста, и до последнего в одном файле!
Прикрепленный файл .zip:
скачать
(115.7Kb)
=АлЕксАнДрА=
( off
)
(
21:12 17-09-2009
)
Gaist-Endruy, интересная тема. И актуальная на сегодняшний день. Прочла внимательно от начала до конца. Молодец, что все это выложил. .ok.