отбеливание белье

CSS: В печать! : Программирование для всех. Статьи для програмиста скачать бесплатно учебники книги документация форум : Статьи « Поставить закладку »« Сделать стартовой »« Форумы » « Блоги»« Галерея»«Статьи»« Новости»« Каталог ссылок» « Файлы»« Realcoding IRC »« Поиск» « Site map » «Главная Анонсы Форумы Каталог Поиск Опросы Книжный магазин Реклама на сайте Публикации Партнеры Карта сайта Рассылки RSS экспорт Настройки О нас пишут Контакты Гостевая книга Реклама на сайте Кто на сайтеВы не зарегистрированы.Имя:Пароль:ЗапомнитьРегистрация позволит Вам пользоваться дополнительными сервисами.Сейчас на сайте:Гостей: 56Пользователей: 0 ПопулярноеСокращение времени загрузки веб-страниц с помощью CSSУлучшенная валидация XML. Валидация совокупности ограничений в XML документе, используя XSLT отбеливание белье Java расширенияОписание функций C (Си) / C++ - swabПравильность Расположения СкобокФункция AccessResourceФункция CreateEllipticRgnГЛАВА 10. Основные компонентыПояснения к терминамСайт по кирпичикам (или все о SSI)Разметка страницы отчета Архив файловDelphiИсходники программЭлектронные книгиКомпонентыУтилитыScriptsСкачать GlyFZ, GlyFXActiveXdot NETSDKJava софтCOMVisual Studio 2005SQL ServerClient/ServerWindows WorkflowIDEAJAXWindows DDKOffice 2007WinFXIISDriversBizTalk ServerCRMCommerce Server.NET FrameworkMicrosoft Operations ManagerTracking & collaborationJAVALotus DominoVideoПлатформа LiveMagazineDocsWindows InstallerExchange ServerVisual Studio 2008Microsoft Dynamics СообществаБлогПользователиПоискНовые сообщенияГалереяКалендарьПрограммирование1C: Вопросы отбеливание белье ответы Microsoft OfficeЖелезный форумОперационные системыИнтернетДизайн отбеливание белье графикаКомпьютерная безопасность. СертификацияВаши проектыКонкурсы Работа KNOWLEDGE BASE ДокументацияDelphi 6Visual C++ 7Office XPDreamweaverWindows XPFlashXMLAdobe GoliveAdobe InDesignAdobe PageMakerAdobe IllustratorMapleSPSSArchiCADDelphi 7Delphi 7 ProfMaya ProfVB.NETAccessJavaCorel DrawMechanical DesktopPerlOrCADMatLabMicrosoft ProjectOutlookActionScriptСистемы защитыПрактика программированияЛокальные сетиАрхитектура .NETСтатьи:: Интернет технологии :: CSS :: CSS: В печать!   Обсудить на форуме CSS: В печать! CSS. Going to Print ОНИ ВАМ УЖЕ ВСТРЕЧАЛИСЬ: ссылки, говорящие "версия для печати" или что-то подобное. Всякий раз, щелкая по этим ссылкам, вы получаете особый документ, содержащий всё ту же информацию, но с другим расположением элементов и, возможно, другой разметкой. Это значит, что кто-то вручную или автоматически с помощью скрипта взял исходный документ и, сняв с него всё лишнее, создал его копию, более удобную для печати. Может быть подобной работой приходилось заниматься отбеливание белье вам. Решение - таблицы стилей для печати Одной из замечательных особенностей CSS является возможность создания таблиц стилей, ориентированных на разнообразные устройства вывода. Мы привыкли создавать таблицы стилей для отображения страниц на экране, но мы еще не привыкли думать о других средствах отображения. И, как подтверждают ссылки "версия для печати", о печати документа мы думаем лишь как о представлении документа в другом виде. Но теперь нам нечего бояться, теперь для создания печатной версии документа нам нужен всего лишь хорошо структурированный документ отбеливание белье таблица стилей для печати! Сегодня вы можете взять любой (X)HTML-документ отбеливание белье подготовить его к печати с помощью стилевой таблиц, не прикасаясь к разметке. И вот в прошлое уходят проблемы с созданием отбеливание белье синхронизацией двух версий документа - одной для экрана, другой - для печати. И что самое приятное: сделать это проще простого. (Более подробную информацию об основных принципах создания media-ориентированных таблиц стилей можно прочитать в статье "Print Different" на сайте meyerweb.com.). Давайте посмотрим, как сайт "A List Apart" обрёл таблицу стилей для печати, умело обойдя ошибки броузеров, отбеливание белье в конце концов улучшил внешний вид распечатки страницы. Обходим ошибку с плавающими элементами Как можно прочитать на странице "Известные ошибки" на сайте "A List Apart" или на странице Bugzilla entry #104040, броузеры семейства Gecko, такие как Netscape 6.x или Mozilla, имеют проблему с печатью длинных "плавающих" блоков (long floated elements). Если плавающий элемент вышел за пределы печатной страницы, то оставшаяся часть полностью пропадает, так отбеливание белье не появившись на следующей странице. Если ваш сайт похож на "A List Apart", т.е. статьи в нём заключаются в один большой плавающий блок, то это значит, что читатели при распечатке получат лишь первую страницу статьи. Решение, как отбеливание белье следовало ожидать, заключается в отмене свойства "плавающий" у блока с текстом перед печатью. Если вкратце, для всех плавающих элементов устанавливается стилевое правило "float: none". Сделав это, вы вернёте все плавающие элементы к обычному виду, отбеливание белье документ будет напечатан так, как отбеливание белье предполагалось - страница за страницей вплоть до самого конца. Итак, именно это я отбеливание белье предложил сделать Зельдману для ALA, и, как только он это сделал, проблема с печатью исчезла. У броузеров семейства Gecko эта ошибка по-прежнему не исправлена (на момент написания статьи), но всё же её можно легко обойти предложенным выше способом. В путь Ниже представлена "печатная" таблица стилей, с помощью которой "A List Apart" решил проблему печати плавающих элементов: #menu { display: none; } #wrapper, #content { width: auto; border: 0; margin: 0 5%; padding: 0; float: none !important; } Хорошее начало. Таблица стилей полностью убирает правое меню так, что оно не выводится на печать, отбеливание белье задаёт границы отбеливание белье отступы для содержимого статьи таким образом, чтобы текст на любой странице располагался равномерно от одного края области печати к другому. Проблема, как мне виделось, заключалась в том, что слишком много стилей, разработанных для экрана, попадали в печатный процесс. Если посмотреть на содержимое тега новых статей на сайте ALA, мы обнаружим (в гуще начинки) следующие строки: У нас есть файл таблицы стилей, print.css, применение которого для печатных устройств "print" было оговорено значением атрибута "media". Файл таблицы стилей nucss2.css, который импортируется с помощью конструкции @import дабы скрыть его от Navigator 4.x, будет использован при отображении страницы на любом устройстве вывода (атрибут media="all"). Это может быть дисплей, принтер, проектор, синтезатор речи отбеливание белье так далее. Разойдясь, мы могли бы записать в таблицу стилей для печати директивы для фонового цвета страницы отбеливание белье указать шрифты в пикселях. Будет ли это великой бедой? Нет, но большинство броузеров по умолчанию не печатают фон страницы, отбеливание белье указанные в пикселях размеры шрифтов, столь подходящие для экранного отображения, не так уж отбеливание белье полезны при печати. Поэтому давайте немного улучшим нашу таблицу стилей для печати отбеливание белье решим несколько других проблем с расположением ее компонентов. Отбеливание фонов Для элементов бокового правого меню используются множество цветов. Но так как мы спрятали меню при печати, нам ничего не придется менять. Это сразу избавляет нас от возможной головной боли. Так как принтеры не печатают белым цветом, сделаем фон страницы белым. Также нужно удалить все фоновые изображения, которые использовались при выводе страницы на экран. Если мы призовем на помощь свойство background, мы одним махом решим обе проблемы. Чтобы сделать решение более гибким, зададим для элемента "body" белый фон, отбеливание белье элементы "wrapper" отбеливание белье "content" пусть имеют прозрачный фон (и тем самым через них будет проступать белый цвет "body"): body { background: white; } #menu { display: none; } #wrapper, #content { width: auto; margin: 0 5%; padding: 0; border: 0; float: none !important; color: black; background: transparent; } Задание цвета переднего плана (цвет шрифта) не было абсолютно необходимым, но лучше не забывать об этом. Итак, сейчас у нас есть два "неплавающих" элемента (#wrapper, #content) с прозрачным фоном, отбеливание белье страница - с белым фоном. Вас может взволновать то, как Navigator 4.x обходится со значением "transparent", но выше нос: NN4.x обращает внимание лишь на таблицы стилей, у которых атрибут "media" имеет значение "screen". Так же как отбеливание белье в случае с директивой @import, наши таблицы стилей для печати всегда сокрыты от подслеповатых глаз Navigator 4. Так что, здесь не о чём беспокоиться. Размер шрифта для печати Общая таблица стилей задаёт размер шрифта равный 11 пикселям. Весьма неудачный выбор при печати. Само семейство шрифтов - сначала Georgia , отбеливание белье потом serif - отлично подходит для печати, так как шрифты с засечками обычно лучше выглядят на бумаге. Необходимо изменить лишь размер шрифта. Вот так: body { background: white; font-size: 12pt; } "Постойте!", - вероятно, воскликнете вы. - "Еретик! Всем известно - пункты - это зло! Тодд Фарнер сказал так!" Что ж, да, так он отбеливание белье сказал, отбеливание белье был полностью прав - для экрана нельзя задавать размеры шрифта в пунктах. При печати же применение пунктов имеет такой же смысл, как отбеливание белье многие десятилетия назад. Раз уж мы готовим таблицу стилей для печати, то определить размера шрифта для "body" в 12 пунктов будет правильным отбеливание белье естественным. Вы, конечно, можете задать любой размер, какой пожелаете, однако шрифт в 12 пунктов наиболее употребителен. И так как в общей таблице стилей размеры всех остальных элементов страницы даны относительно размера в элементе "body", наша работа закончена. Marginalia Существующие стилевые правила задают для левых отбеливание белье правых границ (margins) элементов wrap отбеливание белье content размер в 5%. Это значит, что с обеих сторон статьи будет "пустое место", отбеливание белье каждое такое "пустое место" будет составлять 10% ширины области печати. Это следствие того, что блок с текстом статьи "content" лежит внутри обрамляющего блока "wrapper", отбеливание белье каждый их них имеет поля по 5% с левой отбеливание белье правой сторон. Исходная общая таблица стилей задаёт 15%-ный правый отступ (padding) для блока "content". Границы уже дали нам 10%, так что нам надо добавить ещё 5%. Это достаточно просто сделать: div#content { margin-left: 10%; } В другом варианте решения можно бы быть оставить границы (margin) в покое отбеливание белье добавить 5% к левому отступу (padding). Так как блок "content" не имеет видимого фона, мы получили бы такой же результат. К сожалению, некоторые броузеры имеют проблемы с адекватной обработкой отступов (padding), так что перемещать элементы по странице лучше с помощью границ (margin). Ссылки при печати Был один хитрый вопрос - что же делать с гиперссылками? Очевидно, на печати они не могут быть столь полезны, как на мониторе, но часто важно дать ключ к тому, на что же они ссылались в оригинале. Итак, вот что я изобрёл: a:link, a:visited { color: #520; background: transparent; font-weight: bold; text-decoration: underline; } Это задаёт ссылкам цвет, достаточно тёмный, чтобы быть близким к чёрному при черно-белой печати, оставаясь в тоже время тёмно-красным при цветной печати. Жирный шрифт отбеливание белье подчеркивание гарантируют, что ссылка будет выделяться в распечатанном тексте. В броузере, полностью поддерживающем спецификацию CSS2, мы можем вывести URL-ы ссылок после них самих, тем самым делая услугу тем, у кого окажется распечатка отбеливание белье броузер под рукой. Ниже показано правило, которое применяется только для блока "content", отбеливание белье таким образом URL-ы других ссылок не выводятся на печать: #content a:link:after, #content a:visited:after { content: " (" attr(href) ") "; font-size: 90%; } Попробуйте это в броузерах на платформе Gecko - Mozilla или Netscape 6.x. На распечатке после каждой ссылки вы увидите в скобках относящийся к ней URL. В броузерах, не понимающих это стилевое правило, не будет никаких нежелательных эффектов - ссылки все так же будут темно-красными, подчёркнутыми отбеливание белье жирными. Просто после текста ссылок не будет выводиться относящегося к ним URL, вот отбеливание белье всё. Обратите внимание на то, что пробелы перед отбеливание белье после скобок являются частью стилевого правила - не забудьте про пробелы, так как они должны быть включенными в документ. С этим новым правилом есть одна эстетическая проблема. Дело в том, что оно предписывает дословно вставлять в документ значение атрибута href. Заглянув в код любой страницы с сайта "A List Apart", мы быстро заметим там множество так называемых "относительных ссылок" вида "/issues/144". Они будут вставлены в документ в таком виде, в каком они есть, отбеливание белье хотелось бы что это были полные URL-ы. В подобных случаях нам может помочь CSS3. Любой селектор атрибута, использующий оператор ^=, выбирает элементы, основанные на начале их значений атрибута. Таким образом, мы можем выбрать любой атрибут href , начиняющийся символом слэша, отбеливание белье вставить туда текст, заменяющий существующее значение атрибута. #content a[href^="/"]:after { content: " (http://www.alistapart.com" attr(href) ") "; } Это правило преобразует все значения типа "/issues/144/", в "http://www.alistapart.com/issues/144/". Это правило не сможет помочь в случае с относительными URL, которые не начинаются со слэша, но, к счастью, ALA не использует этот тип ссылок. ВНИМАНИЕ! ВАЖНО! Как было сказано, селектор вида ^= относится к селекторам спецификации CSS3. Валидатор для CSS от консорциума W3 может тестировать лишь на соответствие спецификациям CSS1 отбеливание белье CSS2. Не понимая селектор, относящийся к CSS3, валидатор будет сообщать об ошибке даже в том случае, когда селектор не противоречит рекомендациям спецификации. Украшаем начало страницы Просматривая еще раз окончательный вариант стилевой таблицы, я обнаружил, что мне не очень нравится "шапка" страницы. Дело скорей было не в самой шапке, отбеливание белье в самом "подчеркивании" названия сайта. Это подчеркивание разумеется заканчивалось там, где заканчивалась картинка заголовка. Мне вдруг пришло в голову, что было бы неплохо растянуть эту линию подчеркивания на всю ширину страницы. Первым шагом я создал для блока content верхнюю границу с тем же стилем, что и подчеркивание в картинке: темно-красной линии толщиной в один пиксель. Раз уж я собрался делать видимую верхнюю границу, то было бы неплохо вставить некоторый отступ между границей отбеливание белье текстом. div#content { margin-left: 10%; padding-top: 1em; border-top: 1px solid #930; } Таким образом, будет просто нарисована линия чуть ниже рисунка заголовка статьи. Картинка заголовка сама размещена в
элементе, поэтому воспользуемся нижней границей этого элемента, чтобы подтянуть вверх на себя остальные элементы страницы. div#mast { margin-bottom: -8px; } div#mast img { vertical-align: bottom; } Благодаря этим простым правилам верхняя граница элемента "content" выравнивается с линией подчеркивания в картинке. Эта граница по сути выводится поверх картинки, но так как цвета совпадают, их трудно (и даже невозможно) отличить друг от друга. Даже если броузер по какой-то причине решит расположить картинку поверх границы блока content, иллюзия сохранится. Второе правило (со свойством "vertical-align") показывает, как обойти одну интересную особенность броузера Mozilla, которая видна лишь тогда, когда документ представлен в режиме соответствия стандартам, то есть так, как все статьи с сайта "A List Apart". За дополнительной информацией об этой особенности обратитесь к моей статье для Netscape DevEdge или к работам по схожей тематике (включая используемую выше). [Также загляните в статью из 137 выпуска ALA "Better Living Through XHTML"] Что касается цвета фона для рисунка заголовка, то тут нет никакой возможности сделать его прозрачным. Ну разве что непосредственно задать прозрачный пиксель в самом изображении. Можно было бы подобрать такой же цвет для фона всего блока заголовка, но это было бы пожалуй уж слишком для столь светлого цвета. Что ещё? Вот отбеливание белье всё, что мы сделали для ре-дизайна, но это вовсе не все, что можно было бы сделать. Например, можно поиграться с цветами, чтобы они лучше выглядели при печати, так же можно подправить поля текста, используя пункты (или пики, или даже дюймы) вместо процентов. В мире печати для дизайна столько же простора, как отбеливание белье на экране монитора. Ещё одна область, которую мы не рассмотрели достаточно глубоко, - изменение размеров шрифта. Множество классов (например, "superfine"), используют заданные в общей таблице стилей пиксельные размеры шрифтов. Поменять их размеры для печати также просто, как мы сделали это для тела документа: просто напишите правило для элемента отбеливание белье задайте новое значение для свойства font-size. К примеру, мы можем написать .superfine {font-size: 9pt;}... или любое другое подходящее значение. Имеются другие элементы, подобно нижним колонтитулам или тэгу 
, которые могут выиграть от подобной работы, отбеливание белье они 
вполне могут появиться в будущих версиях таблицы стилей сайта "A List Apart".
Конечный результат
Перед вами окончательный вариант таблицы стилей для печатной версии после 
того, как в него были внесены все изменения: 
body {
background: white;
font-size: 12pt;
}
#menu {
display: none;
}
#wrapper, #content {
width: auto;
margin: 0 5%;
padding: 0;
border: 0;
float: none !important;
color: black;
background: transparent none;
}
div#content {
margin-left: 10%;
padding-top: 1em;
border-top: 1px solid #930;
}
div#mast {
margin-bottom: -8px;
}
div#mast img {
vertical-align: bottom;
}
a:link, a:visited {
color: #520;
background: transparent;
font-weight: bold;
text-decoration: underline;
}
#content a:link:after, #content a:visited:after {
content: " (" attr(href) ") ";
font-size: 90%;
}
#content a[href^="/"]:after {
content: " (http://www.alistapart.com" attr(href) ") ";
}
 
Несмотря на простоту отбеливание белье (в некоторых случаях) сыроватость данной таблицы 
стилей, эффект от ее использования должен быть очевидным для любого, кто сравнит 
распечатку страницы с той же страницей, отображенной на экране. Подобные 
полезные отбеливание белье эффектные изменения возможны почти для любого дизайна, от простого до 
возвышенного, отбеливание белье эти media-ориентированные стили избавляют авторов от создания 
отдельной страницы с печатной версией документа. 
Aвтор: Eric Meyer &
A List 
Apart
Источник: www.webmascon.com
Перевод: Максим Россомахин и
Алекс Качанов
Рубрика: CSS 
Статьи
Silverlight 2.0 - с чего начать?.
Сколько я знаком с технологией Flash, столько же я хотел научиться ее 
использовать. Мне хотелось уметь рисовать мультики, интерактивные сайты, игры, 
работающие прямо в браузере. Я ставил Macromedia Flash, качал уроки, шаг за 
шагом проходил их, но бросал, не дойдя отбеливание белье до половины. Отсутствие дизайнерских 
навыков давало себя знать. В общем я уже смирился с мыслью что не дано мне стать 
видным флешером. И невидным – тоже.
Подробнее... |
Рубрика: Microsoft Silverlight
| Добавлено: 25.04.2008
Остальные :
TaffyDB - СУБД для AJAX приложений
Верстка без float`ов
Разработка командлетов, интеграция с MMC
Разработка приложений на .NET Compact Fr...
Сервисно-ориентированная архитектура (СО...
«Excel 2007 как инструмент исследователя...
Собеседование. Как правильно рассказать ...
ExtJS: version 2.1
Подход к поиску в базах данных. Search-ф...
Доступен релиз СУБД Firebird 2.1. Обзор ...
Обзор Windows 7 build 6574
Чем грозит модульный Windows 7?
Быстрое создание веб-приложений на Perl:...
Горячие клавиши в Eclipse
Основные новые фичи Windows Server для р...
Microsoft SharePoint: установка Service ...
PHP - ООП или процедурный подход
Цитата дня (все,добавить): ЯнварьФевральМартАпрельМайИюньИюльАвгустСентябрьОктябрьНоябрьДекабрь20072008ПнВтСрЧтПтСбВс 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
 
 
Главные решения    РубрикаторПрограммированиеC/С++ОбучениеWindows APIXAMLМоделированиеПаттерныVisual Basic 7 .NETWxWidgetsФункции WinApiФункции С++Разработка под Mac OSEiffelVisual Studio 2008UI дизайнАлгоритмыКонкурсные статьиTurbo PascalVisual StudioCASE-средстваVisual Studio 2005Без VCLDelphiТех. документацияТестированиеSoftware TestingООП TCP/IPGoogle AndroidWindows Installer.NET FrameworkДрайвераC# C SharpСправкаПроектированиеИнформ. системыVisual BasicAssemblerОптимизация кодаGtk+КомпонентыРеинжинирингУправление проектамиExtreeme programmingLotus NotesАлгебраическое проектирование Интернет технологииPHPPerlASPWAPCookiesSSICGIWeb ServersVB ScriptDNSCSSXMLHtmlJava ScriptJava2MEFirewallFlash.htaccessApacheVRMLПротоколыПоисковые системыТехнология JAVAУчебник по PHPУчебник по JavaScriptУчебник по XMLJava Q&AAJAXDHTMLXHTMLDreamweaverWeb 2.0PythonВебмастеруCiscoRuby on Rails SilverlightБазы данныхAccessInterBaseMySQLOracleADO .NETОсновы SQLУчебник по Access 2002MS Microsoft FoxProДоступ к даннымXML в MS SQL Server 2000ODBC отбеливание белье MyODBCОбучениеCachéDB2PostgresSQLSybaseТеорияХранилища данныхБезопасностьРеляционные данныеMySQL отбеливание белье mSQLОстальное:РазноеОбзоры книгБезопасностьГрафика отбеливание белье дизайнЮморLinuxФракталыMicrosoft AxaptaМногоядерностьСетиMicrosoft OfficeРаботаMS-DOSКриптографияГрафика отбеливание белье игроделаниеНовости SDKСистемы защитыУчебник по AutoCadCVSWindows XPWindows Server 2003Windows VistaWindows 7МероприятияRealcoding.NET © 2003-2008 |Контакты |Реклама на сайтеПри перепечатке материалов ссылка на автора материала обязательна.При поддержке EuroCMS | Виртуальная Россия |GeneralHosting | GeneralSolutions разделы
акриловый вкладыш
дермато-венеролог
доставка канцелярия
электрокамин dimplex model magic (sp8)
нард online
sharp ar-5415
купить яйцеварку
электропечь dimplex model elba
крутой xxx видео
селин дион билет
новосельский доломит
танго кэш
наркомания
калибровка цвет
защитный краска
поставка холодильный камера
кислород
braas
анкетирование
купить минимойку
крупный жилищный комплекс
vps vds
инженерный геодезия
шапка доставка
светлогорск
5004.10 (крышка)
заказ обед
герб вышивка
кострома жилье
промышленый альпинизм
услуга кострома
gislaved отзыв
скс
холодный зеркало
этикетировщик
рак пищевод
прайс зеркало
домашний очаг здоровье
билет ммдм
трость доставка
дренаж
мистер бин
o2 optix
хендэ соната
электромонтажный стол
ленинградский вокзал билет
зеркало вагинальный
детский мир wow
система видеоконференция
акриловый пряжа
трехфазный электросчетчик
узи тошиба
зиплок
pki
отбеливание белье