страница для распечатки
вот хочу сделать тоже самое и на своём сайте
Все зависит от вида сайта. Можно ведь сделать по клику "принтабельный" вид страницы и добавить верх/низ. Данные из основного окна вытащить хоть innerHTML (если ДИВ).
Все зависит от вида сайта. Можно ведь сделать по клику "принтабельный" вид страницы и добавить верх/низ. Данные из основного окна вытащить хоть innerHTML (если ДИВ).
Ну приведите нам пример кода который управляется колонтитулами... Интересно посмотреть...
это основной текст
</div>
<a href="java script:print();">print</a>
...
function print()
{
window.open('print.htm','q');
q.document.write="верхний колонтитул <br>";
q.document.write=div1.innerHTML+"<br>";
q.document.write="нижний колонтитул";
}
как-то так, не поверял.
Уважаемый, вы вообще знаете значение этого слова?
В вашем примере если в документе всего одно короткое прежложение отцентрованное по вертикали, то верхний колотитул будет тоже по центру (чего быть не должно). А вообще в текстовых процессорах колонтитулом обычно зовут специальный текст, находящийся за верхней или нижней границей текстового документа. Даже в то же ворде чтобы задать колонтитулы нужно немного постараться.
Средствами CSS2 и HTML невозможно управлять колонтитулами при печати документа.
Если не верите - идите и почитайте стандарт: w3.org
В вашем примере если в документе всего одно короткое прежложение отцентрованное по вертикали, то верхний колотитул будет тоже по центру (чего быть не должно).
Вам, уважаемый, с Вашими-то познаниями грешно жаловаться на отсутствие позиционирования в примере. Могли бы и сами додумать множество вариантов.
А вообще в текстовых процессорах колонтитулом обычно зовут специальный текст, находящийся за верхней или нижней границей текстового документа.
"Чукча не читатель"?
Золотые слова! По-моему это и требовалось топикстартеру, а уж каким методом - не важно.
<link media="print" /> рулит не по детски ;-)
Можно немного поизвращаться ;-) В CSS 2.1 у свойства display могут быть значения table-header-group и table-footer-group. При печати пользовательские агенты могут (но не обязаны :) ) повторять строки из заголовка/подвала на каждой странице. Получается нечто вроде колонтитулов. Колонтитулы, которые выводит браузер, ессественно, никуда не деваются.
Пример работает только в IE 6 SP2
<html>
<head>
<title>Printing table header&footer</title>
<style type="text/css">
table {
width: 100%;
border-collapse: collapse;
}
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
tr, td {
border: solid 1px #000;
}
table, th {
border: none !important;
}
@media print {
caption {
display: none;
}
}
</style>
</head>
<body>
<table>
<caption>Table 1</caption>
<thead><tr><th colspan="2">header</th></tr></thead>
<tfoot><tr><th colspan="2">footer</th></tr></tfoot>
<tbody>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
</tbody>
</table>
</body>
</html>