Как убрать информацию при печати страницы из сайта?

Question

[hitakiri]

Доброго времени.
При печати страницы сайта на лист ещё выводится различная ненужная (мне) информация. В левом-верхнем углу заголовок страницы, в правом-верхнем ссылка на страницу и время печати в правом-нижнем углу.
Собственно вопрос: есть ли способы убрать эту инфу ?

Answer 1

[Глюкъ Виртуален]

@media print {
.header-left-top, .a-right-bottom, .time-right-bottom {
display: none;
}
}

Comments

[Gish]

не работает

Answer 2

[oia]

печать параметры страницы

Comments

[hitakiri]

Спасибо за наводку, но это не очень гибкий способ. Каждому клиенту ведь не будешь объяснять что нужно настраивать печать. Все просто нажимают cnrt+p

[Глюкъ Виртуален]

hitakiri, вам повезло наши клиенты не знают даже про Ctrl+P.
Показываешь им эту картинку, выделяешь место с "Поля: нет" — не понимают. А ЧЕ ТАК СЛОЖНО!!!!

Answer 3

[Егор Федосенко]

Подключите css для print. Соответственно там можете прописать display: none; для элементов, которые хотите скрыть
habrahabr.ru/post/160997 можете почитать

Comments

[hitakiri]

Читал эту статью, не нашел нужного примера :(

[Егор Федосенко]

hitakiri: серьезно? В самом начале статьи написано:
media print {
div {display: none;} //и остальные элементы, которые нам не нужны
}

[hitakiri]

Вы видимо не поняли, мне не элементы DOM нужно убрать, как это делать я знаю. Попробуйте распечатать страницу, в указанных мной местах у вас будет появляться мета информация о печати которая никак не относится ко всему что вложено в тег body

[Егор Федосенко]

hitakiri: да, я вас до этого не правильно понял.
Очень не хочется вас разочаровать, но колонтикулы отключать нельзя. Только ручной настройкой в браузере.

Answer 4

[Karcev]

Попробуйте сдвинуть поля со служебной информацией (значение 1.0cm подберите под свою страницу):

@media print {
  @page { margin: 0; }
  body { margin: 1.0cm; }
}

Comments

[steef08]

сработало) спасибо!

Answer 5

[Игорь Воротнёв]

Если вы - разработчик страницы, то подключите стили для печати, как советует Егор Федосенко
Если же вы как пользователь пытаетесь напечатать чужую страницу - клацните правой кнопкой мыши на странице, выберите "Инспектировать элемент". Дальше выбирайте ненужные элементы и просто удаляйте их из документа клавишей Delete. После такой "очистки" страницы - печатайте то, что осталось обычным способом. Результаты вашей ручной очистки будут сохранены до перезагрузки страницы в браузере.

Answer 6

[Jivchik123]

<style type="text/css" media="print">
@page {
    size: auto;  
    margin: 0;  
}
</style>

Вот так работает.