<html>
<head>
<title>Заголовок</title>
</head>
<body>
<table>
<thead>
<tr>
<th>Верхний колонтитул</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Нижний колонтитул</th>
</tr>
</tfoot>
<tbody>
<tr><td>
Здесь содержимое html страницы.
В моем случае здесь работает скрипт, выполняющийся на сервере
и генерирующий содержимое html страницы.
</td></tr>
</tbody>
</table>
</body>
</html>
Колонтитулы...
Искал во многих местах... где находил, где нет.
И даже то что находил все равно не работает.
Вопрос заключается в следующем: имеется html страница, распечатка этой страницы идет через браузер (не важно какой), при распечатке получается 3 страницы формата А4... Как мне сделать так, чтобы на каждой распечатанной странице, вверху и внизу были колонтитулы?
Спасибо!
И даже то что находил все равно не работает.
Вопрос заключается в следующем: имеется html страница, распечатка этой страницы идет через браузер (не важно какой), при распечатке получается 3 страницы формата А4... Как мне сделать так, чтобы на каждой распечатанной странице, вверху и внизу были колонтитулы?
Спасибо!
Почти не как. Можно конечно поизвращатся, но это будет частным приёмом.
1. Распечатай один экземпляр.
2. Определи текст который находится внизу страницы.
3. Отдели на глаз сколько нужно для того, что нужно вставить.
4. Вставляешь в это место в страницу <div>
5. Определяешь его как display:none
6. Делаешь ещё один css в котором его определяешь как display:block
7. Крепишь этот стиль и определяешь его как media="print"
Всё.
1. Распечатай один экземпляр.
2. Определи текст который находится внизу страницы.
3. Отдели на глаз сколько нужно для того, что нужно вставить.
4. Вставляешь в это место в страницу <div>
5. Определяешь его как display:none
6. Делаешь ещё один css в котором его определяешь как display:block
7. Крепишь этот стиль и определяешь его как media="print"
Всё.
[QUOTE=shaelf]Почти не как. Можно конечно поизвращатся, но это будет частным приёмом.
1. Распечатай один экземпляр.
2. Определи текст который находится внизу страницы.
3. Отдели на глаз сколько нужно для того, что нужно вставить.
4. Вставляешь в это место в страницу <div>
5. Определяешь его как display:none
6. Делаешь ещё один css в котором его определяешь как display:block
7. Крепишь этот стиль и определяешь его как media="print"
Всё.[/QUOTE]
А если html страница генерируется динамически.
К тому же я читал что есть тэг <thead> кот. отвечает за верхний колонтитул, а тэг <tfoot> за нижний. Оба эти тэга пишутся между тэгом <table>
Но почему-то это не срабатывает.
Вот как я писал:
Подскажите, может я что-то не так написал?
Потому что получается что верхний колонтитул не на каждой распечатанной странице, а только на первой, а нижний только на последней.
1. Распечатай один экземпляр.
2. Определи текст который находится внизу страницы.
3. Отдели на глаз сколько нужно для того, что нужно вставить.
4. Вставляешь в это место в страницу <div>
5. Определяешь его как display:none
6. Делаешь ещё один css в котором его определяешь как display:block
7. Крепишь этот стиль и определяешь его как media="print"
Всё.[/QUOTE]
А если html страница генерируется динамически.
К тому же я читал что есть тэг <thead> кот. отвечает за верхний колонтитул, а тэг <tfoot> за нижний. Оба эти тэга пишутся между тэгом <table>
Но почему-то это не срабатывает.
Вот как я писал:
Код:
Подскажите, может я что-то не так написал?
Потому что получается что верхний колонтитул не на каждой распечатанной странице, а только на первой, а нижний только на последней.
Для того, чтобы thead/tfoot печатались на каждой странице необходимо установить для них свойство display: table-header(footer)-group;
Поддержка браузерами оставляет желать лучшего http://forum.codenet.ru/showthread.php?t=19558
Поддержка браузерами оставляет желать лучшего http://forum.codenet.ru/showthread.php?t=19558
Код:
<html>
<head>
<title>Заголовок</title>
<style type="text/css">
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
</style>
</head>
<body>
...
<head>
<title>Заголовок</title>
<style type="text/css">
thead {
display: table-header-group;
}
tfoot {
display: table-footer-group;
}
</style>
</head>
<body>
...
У меня IE6 SP2. И ни хрена не работает...