Наши проекты: Скачать программы Экспорт новостей (RSS)
Главная | Domino | Статьи | Computer FAQ | Download | T0P-100 Software | Форум
Internet Zone - компьютерный электронный журнал         Подписка на рассылку
Реклама у нас, Контакты

 Статьи/обзоры   Новые обзоры | Software | Hardware | Система | Безопасность | Интернет | Бизнес и Заработок | Игры | Фото | Mobile | Разное | Пресс-релизы компаний | Авторам статей

Старые рубрики этого раздела - FAQ Windows 9x/Me | FAQ Windows NT/2K | FAQ Windows XP FAQ | Software FAQ | Hardware FAQ | Linux FAQ | Скачай сейчас | Веб-навигатор

ITrader
Современная, простая программа с неограниченными возможностями преобразования времени, знаний и опыта в деньги! Бесплатный доступ ко всем финансовым рынкам, к мировым торгам и профессиональному росту. Скачай и открой бесплатный Демо-счет! Дистанционное обучение. Депозит от 1000 рублей. ФГ Калита-Финанс.
Подробнее...

Разное


Создание версии для печати страницы сайта

Дата публикации: 15 Мая 2005
Автор: Антон Евтеев
http://accept.ws/

В принципе, в этом и на первый взгляд ничего сложного – подумаешь – немного переверстать текст, записать его в новый файл и связать с оригиналом ссылкой? Но это только на первый взгляд. А если страниц не одна а 1000? Это довольно долго. Высокие затраты времени и сил. Ну и денег. Поэтому необходимо найти какой-то более легкий способ.

Решение нам дает CSS. Оказывается, можно назначить таблицы стилей отдельно для различных типов устройств! По умолчанию таблица стилей назначается для all – для всех устройств одна. Нас интересует два варианта – для вывода на экран в браузере и принтера.

Задать это можно так:

Это для тэга <style>

Если Вы хотите подгружать файл со стилем, то так:

Ну а если хотите импортировать стиль внутри тэга <style>, то так:

В дополнение к этому, ту часть таблицы стиля, которая используется и в версии для печати и на сайте можно выделить в один общий блок, который можно подгрузить так:

или так:

Теперь нам остается назначить классы тем элементам, которые печатаются некорректно или вовсе не нужны при печати, записать два (или три) стиля и сделать ссылку на версию для печати:

В принципе, ссылку можно и не ставить. Все!

Некоторые замечания:
Ширина поля для печати 450 пикселей, соответственно, если все содержимое страницы заключено в таблицу, то задаем ей класс (или id) и пишем в версии для печати: width: 450px;
Те элементы страницы, которые не нужны при печати (например, меню) можно скрыть, назначив им: display: none;

Дополнительный материал по теме можете найти здесь: http://www.gurusnetwork.com/tutorial/css_print/ (на английском)

***

Смотрите также:
  • От поддержки станет всем светлей
  • Собственная недвижимость в Турции - это реально и доступно!
  • Flash-технология. Недостатки
  • Как научиться программировать на PHP
  • Отличия в производстве окон ПВХ и деревянных стеклопакетов
  • Все статьи рубрики Разное


    Читаем свежие статьи


    Главная | Domino | Статьи | Computer FAQ | Download | T0P-100 Software | Форум
    Рассылка - Реклама у нас - Экспорт новостей (RSS) - Карта сайта  | Наши проекты: Скачать программы
    Copyright © Internet Zone. Информация об использовании материалов сайта, Контакты
    Rambler's Top100