Вывод печатной версии сайта.

galana · June 19, 2011

Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта.

Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички?

Спасибо

Selen · June 27, 2011

Всем добрый день, я столкнулась с такой проблеммой при вёрстки печатной версии сайта.
Как сделать так чтоб логотип, при печати сайта, расспологался в левом нижнем углу каждой странички?
Спасибо

Я бы поступил следующим образом:

1. Подключил бы внешнюю таблицу стилей, ориентированную на печать:

2. При печати, элементы с фиксированным позиционированием отображаются на каждой страницы (как колонтитул):

DIV#logo {position: fixed; top: 90%; left: 20px;}

Antwerpen · June 27, 2011

Это легко сделать средствами CMS, на которой работает данный сайт.

VitaliyAT · October 31, 2012

при печати из браузера (а откуда собственно ещё печатать) тот добавляет свои колонтитулы, если сказать "отключить колонтитулы" то отключаются и фиксированные элементы. А так если бы было решение нормальное то была бы замена DocBook. Верстаешь страницу, а потом её легко преобразовать в PDF или на бумагу сразу.

И ещё один момент - не фиксируются они эти зафиксированные.

Вот код

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>print css test by mtness</title>
	<img = >
    <style type="text/css">
    @media print {
		@top{font-family: Helvetica, Arial, sans-serif; 
               font-size: 150%; 
               font-weight: bolder; 
               text-align: left; 
               content: "Колонтитул"; 
           } 
        #watermark { 
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: 5;
        }

        p { 
            position: relative;
            top: 40pt;
            display: block;
            page-break-before: always;
            z-index: 0;
        }
		@page { 
			@top-left {
				content: "TOP SECRET";
				color: red
			}
			@bottom-right { 
				content: counter(page);
				font-style: italic
		}
	}
    }

    </style>
</head>
<body>
    <div id="watermark">AWESOME!</div>
    <p>page1</p>
    <p>page2</p>
    <p>page3</p>
</body>
</html>

По задумке АВЕСОМЕ должно быть на всех страницах, ан нет оно есть только на первой странице. А зато ничем не скомпрометированный и никак не зафиксированный тайтл есть на каждой странице - проверял в Хром и ФаерФокс

Edited October 31, 2012 by VitaliyAT

Sign In

Вывод печатной версии сайта.

Question

galana

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Selen

Link to comment

Share on other sites

Antwerpen

Link to comment

Share on other sites

VitaliyAT

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information