Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.94/18: Рейтинг темы: голосов - 18, средняя оценка - 4.94
0 / 0 / 0
Регистрация: 30.08.2015
Сообщений: 75

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

13.12.2015, 18:40. Показов 3495. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет уважаемые форумчане.
Генерирую отчет в виде таблицы, его нужно выводить на печать. Используется браузер: Google chrome. При выводе документа на печать страницы должны быть пронумерованы. В настройках печати колонтитулы убраны, потому что они добавляют много не нужного. Нужна обычная нумерация.
Я целый день кручу это код:
CSS
1
2
3
4
5
6
7
8
9
10
11
@page {
  margin: 10%;
  counter-increment: page;
 
  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}
Или этот:
CSS
1
2
3
4
5
6
7
8
9
10
11
contents {
    display: block;
    page: table-of-contents;
    counter-reset: page 1
}
@page table-of-contents {
    @top { content: "Table of Contents" }
    @bottom {
        content: counter(page, lower-alpha)
    }
}
В общем с использованием @page, content: counter, counter-reset
По идее, страницы должны нумероваться. Но этого не происходит
Почему? Что не так?
Как это реализовать?(Нумерацию страниц)
Помогите, пожалуйста!

Добавлено через 19 часов 1 минуту
Никто ничего не знает что ли?
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
13.12.2015, 18:40
Ответы с готовыми решениями:

Печать определённого номера записи (страницы) отчета
Добрый день! Подозреваю что вопрос простенький, но найти ответ не получилось. Необходимо вывести на печать отчет с выбором по номеру...

Вывод страницы на печать с заданными параметрами страницы
Подскажите, каким образом можно произвести вывод страницы на печать с заданными параметрами страницы. И если можно, вывод на экран сразу в...

генерация регистрационного номера
Доброе время суток! :) вообщем сразу к вопросу. Есть 3 категории, допустим - 1, 2 и 3. У каждой категории может быть хоть сотни участников....

2
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
13.12.2015, 19:14
Лучший ответ Сообщение было отмечено RomanChoCho как решение

Решение

RomanChoCho, елси контент статичный, можно самому указывать где ставить перенос страницы

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Di-box</title>
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
</head>
<body>
 
<p>Morbi id consectetur risus, sed accumsan dolor. Suspendisse potenti. Etiam pretium diam eu tortor elementum, id viverra neque lobortis. Sed et posuere ante. Sed pellentesque lectus eget leo dapibus, sit amet tristique sem gravida. Pellentesque vel justo in massa porta convallis sit amet eget turpis. Suspendisse tincidunt nisl ac orci gravida vulputate. Donec ac vehicula nisi, vel efficitur dolor. Praesent ullamcorper lectus vitae euismod elementum. Phasellus massa diam, pellentesque sed dictum sed, viverra nec felis. Cras interdum ullamcorper sapien, ut vulputate nunc pharetra id. Nam sed finibus neque, elementum sagittis orci. Pellentesque hendrerit dui massa.</p>
 
<p>Phasellus consectetur, odio non dictum blandit, libero diam porttitor est, id elementum mauris dolor ut enim. Nam lobortis, lorem sit amet lacinia aliquam, diam dolor finibus mauris, eget posuere tellus est nec eros. Maecenas eget augue eros. In quis lacus nec erat gravida faucibus at ut risus. Proin pulvinar posuere arcu eget viverra. Nullam ante eros, facilisis eu sem a, hendrerit imperdiet leo. Vivamus a diam ipsum. Pellentesque sollicitudin neque ante, vel tincidunt nibh vehicula vel. Sed vitae orci bibendum, venenatis turpis sed, mollis nibh. Nam felis arcu, pharetra sit amet urna facilisis, porta maximus est. Cras commodo pulvinar aliquam. Curabitur nisi enim, congue scelerisque imperdiet in, auctor congue neque. Vivamus feugiat nisl ut ex interdum, sit amet auctor justo lobortis. Vestibulum a dignissim lorem, sit amet condimentum purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In vel risus nec metus blandit scelerisque nec vel tellus.</p>
 
<p>Sed sagittis augue tortor, quis mattis eros vehicula bibendum. Fusce libero orci, tincidunt nec iaculis non, tincidunt nec nulla. Morbi id ipsum eleifend, sagittis magna eget, congue augue. Aliquam tincidunt purus quis lectus sollicitudin vestibulum. Integer ut pulvinar orci. Sed malesuada enim eget libero volutpat, in pretium erat tempus. Praesent auctor velit ipsum, eget rutrum est dignissim convallis. Aenean at vehicula mauris. Donec consequat ex vitae massa finibus molestie. Integer congue erat a nulla tincidunt mollis. Praesent imperdiet nisl sed fringilla ultrices. Etiam luctus nulla vitae nisi euismod porttitor. Donec lobortis tortor orci, at tincidunt turpis euismod non. Donec non ligula eu augue semper egestas. Mauris nec ipsum sit amet neque laoreet aliquam.</p>
 
<p>Sed maximus tempus odio, vitae ultricies nisi egestas et. Maecenas eu nisl non diam interdum rhoncus. Nunc nec justo iaculis, tincidunt erat sed, ultricies dolor. Pellentesque a turpis ante. Etiam interdum turpis nec fringilla congue. Nulla ut est tellus. Etiam faucibus lorem nec egestas faucibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed vehicula neque tincidunt ipsum pulvinar, vitae pretium ex venenatis. Curabitur vitae eros a orci condimentum malesuada id sit amet urna.</p>
 
<p>Mauris faucibus tempus eleifend. Duis fermentum ultrices eros, eget laoreet velit rhoncus a. Quisque id orci luctus, ullamcorper ex hendrerit, tincidunt risus. Aenean vehicula ac dolor eget vulputate. Sed in diam vitae tortor finibus maximus eu vitae lectus. Vivamus semper vulputate erat in ullamcorper. Quisque elementum enim velit, eget condimentum elit blandit eu. Proin placerat congue scelerisque. Nulla gravida vitae justo sed fermentum.</p>
<div class="pagebreak"></div>
 
<p>Phasellus et convallis mi. Etiam in magna bibendum, consectetur justo non, consectetur orci. Morbi luctus metus sed leo gravida, in aliquam enim ornare. Sed libero neque, elementum in interdum sit amet, lacinia at erat. Aliquam id arcu sodales, laoreet libero sit amet, tristique elit. Nulla ut suscipit elit, eget efficitur nunc. Maecenas vehicula porta faucibus. Phasellus neque lorem, porta in lorem vel, volutpat condimentum libero. Phasellus sed facilisis enim. Quisque sodales lectus at placerat aliquet. Integer ut justo nisl. Vivamus mollis, lacus vitae mollis ullamcorper, quam urna scelerisque felis, sit amet sollicitudin enim magna a arcu. Duis sem nunc, finibus ac elit ac, faucibus dapibus erat.</p>
 
<p>Ut consequat malesuada eros, sed euismod ante semper eget. Integer gravida lacinia mi, at mattis arcu. Praesent vitae odio eu quam aliquam imperdiet id et erat. Nullam sem nisi, tempor at ex nec, auctor dignissim metus. Donec varius auctor dolor nec tempor. Sed dui metus, tempor quis tincidunt sed, elementum id tellus. Vestibulum vitae odio volutpat, dictum mauris ac, lobortis sapien. Fusce dapibus a dolor quis maximus. Phasellus mattis odio in augue pellentesque, et eleifend sapien vulputate.</p>
 
<p>Pellentesque non dolor rhoncus, vehicula massa vitae, iaculis urna. Donec aliquam mi cursus ullamcorper fermentum. Nulla lectus diam, faucibus sit amet tristique maximus, maximus id urna. Sed dolor odio, consequat at facilisis sit amet, ornare ac est. Sed eu sollicitudin ante. Vestibulum auctor blandit nibh, nec cursus eros ullamcorper at. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
 
<p>Praesent velit lorem, ultrices non volutpat in, hendrerit sit amet neque. Nulla quis commodo ante. Vivamus eu nisl auctor, pulvinar mauris ac, lacinia sem. Curabitur et elit tincidunt, rutrum est posuere, bibendum orci. Duis lectus mauris, hendrerit sed sodales id, lobortis in dui. Curabitur at arcu nisl. Etiam convallis suscipit purus non cursus. Nam id varius lorem, vitae suscipit erat. Ut sit amet nunc nec nibh ultrices mattis.</p>
 
<p>Pellentesque pretium tincidunt nulla, eget gravida tortor tempor eget. Integer ornare luctus neque, ac dapibus dolor lobortis fringilla. Aliquam condimentum, turpis nec condimentum feugiat, nisi nulla convallis ex, eu pretium mi elit et magna. Nulla nunc diam, fermentum id ligula at, tincidunt fermentum sapien. In ut feugiat magna, gravida molestie ex. Etiam congue aliquet eros. Vivamus euismod ipsum nec interdum pulvinar. Praesent ac orci lobortis dolor vehicula finibus. Aenean quis placerat metus. Suspendisse eget convallis ante. Maecenas maximus justo a leo lobortis, porttitor commodo nunc sollicitudin. In sagittis ex ex, ac malesuada justo venenatis eget. Donec varius, nunc sagittis consequat varius, odio libero malesuada tortor, at rutrum turpis nibh a turpis. In ante ipsum, hendrerit nec ex id, faucibus hendrerit velit.</p>
 
<p>Aenean convallis diam ac metus mattis suscipit eu in libero. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In at odio purus. Nunc non aliquet sem. Vestibulum id elit tristique, efficitur massa nec, ullamcorper est. Pellentesque eleifend auctor faucibus. Integer vehicula tortor est, vel suscipit sapien vehicula non.</p>
 
<p>Quisque a ipsum arcu. Nulla sollicitudin, diam in congue interdum, arcu ipsum mollis eros, non sodales velit urna ac dui. Sed mi risus, tempor placerat congue sit amet, porttitor consequat risus. Duis feugiat tempor ante. Nullam nec orci egestas, commodo nisl ut, pulvinar velit. Aliquam tempor massa mi, eu mollis erat sagittis fermentum. Donec convallis ligula lorem. Suspendisse a ipsum eget justo aliquam egestas sit amet sed lorem. Nulla facilisi. Mauris aliquet orci et mauris volutpat finibus. Etiam sodales, mi varius eleifend tristique, elit ipsum eleifend dui, quis consequat erat nisi non velit. Ut mollis congue mauris, ac finibus mi. Maecenas aliquam elementum augue, ut aliquam lectus posuere a.</p>
<div class="pagebreak"></div>
<p>Nunc volutpat neque condimentum sapien finibus iaculis. Curabitur ornare porta ante, quis maximus leo sagittis ut. Aliquam rutrum vel metus et consequat. Nullam ipsum risus, bibendum nec lacinia quis, mattis a odio. Nulla non ornare ex. Nam in urna enim. Duis luctus dictum volutpat. Vestibulum eu tellus enim. In ultricies elit et enim aliquam, et bibendum nisi hendrerit. Curabitur semper dui ipsum, vel elementum lacus auctor sed. Morbi odio turpis, tristique eu pretium quis, volutpat eu orci.</p>
 
<p>Suspendisse eleifend velit et lacus varius euismod. Sed quis sollicitudin augue. Vestibulum sit amet ligula lacinia, feugiat quam id, vestibulum orci. Curabitur nisi lorem, mollis et sem sit amet, interdum sodales risus. Nunc molestie turpis arcu, nec euismod ipsum sagittis sit amet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam purus erat, rhoncus ut eros nec, ultricies auctor nisi. Nunc in lacus ipsum. Proin vel nulla quis ex mattis porttitor. Cras sapien justo, tincidunt id dictum ac, posuere nec felis. Integer vel arcu id urna imperdiet iaculis a non tortor. Suspendisse cursus interdum arcu non sagittis. Mauris tristique leo ut magna scelerisque, nec imperdiet justo efficitur. Sed lacinia tortor nec elit tincidunt imperdiet. Duis eget nunc sed urna euismod iaculis. Suspendisse sit amet aliquet elit.</p>
 
<p>Curabitur eget suscipit lectus. Praesent at ex erat. Vivamus pharetra, quam at porta venenatis, nisi nibh tempor nulla, eu ultricies nunc dui id enim. Nam eu sem at odio semper auctor. Quisque faucibus lectus a libero pellentesque congue. Vestibulum mattis placerat molestie. Mauris sed leo et sapien ultricies pharetra. Pellentesque iaculis malesuada nibh id ultricies. Maecenas a nisl leo. Aenean sagittis viverra sapien, nec dictum velit consectetur vitae. Vivamus suscipit dapibus consequat. Morbi quam diam, faucibus eget velit sed, cursus tempus urna. Duis eu nisi nec lectus dignissim pharetra. Quisque quis fermentum magna.</p>
 
<p>Vestibulum dapibus luctus pellentesque. Proin porttitor nibh velit, eget consectetur nisl fringilla sit amet. Morbi purus odio, pretium et varius ut, laoreet ut turpis. Sed nec felis hendrerit, tempor magna non, aliquet metus. Vivamus hendrerit sapien sapien, ac viverra nisl pellentesque nec. Praesent ut neque iaculis orci dapibus pellentesque eu sed erat. Pellentesque et sagittis nunc. Sed sagittis, arcu bibendum faucibus auctor, felis sapien dapibus est, vitae euismod leo tortor suscipit sapien. Aenean tempus viverra libero eget pretium. Phasellus id egestas felis.</p>
 
<p>Vivamus sit amet sem ac sem finibus tempus at non purus. Nulla cursus quam neque, eget mollis turpis imperdiet ut. Nam iaculis nibh at pharetra aliquet. Phasellus mauris libero, porttitor lobortis metus eu, mollis convallis orci. Aliquam egestas nibh ut commodo varius. Aenean ornare interdum ex, nec faucibus eros bibendum eu. Mauris tempus lacus enim, in feugiat augue consequat at. Nullam id faucibus mi. Integer quis posuere arcu. Etiam id porttitor eros.</p>
 
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus tristique magna quis ex tincidunt vehicula. Mauris maximus placerat ipsum vel congue. Vivamus placerat magna mi, quis tempus enim faucibus quis. Aenean hendrerit est vel sapien placerat, non maximus eros ornare. Maecenas ornare, lectus non condimentum aliquam, nibh lacus vestibulum dui, id lacinia sem turpis sed diam. Sed in semper quam. Integer egestas leo mollis, dapibus leo in, eleifend metus. Etiam interdum pellentesque dolor sit amet iaculis. Praesent faucibus felis odio, convallis auctor leo hendrerit quis. Maecenas tempor dui et dui posuere, sit amet sollicitudin justo posuere. Donec gravida vehicula massa, in pharetra enim congue a.</p>
 
<p>Fusce vulputate nisi vel vestibulum volutpat. Sed ultricies egestas sapien, id fermentum erat feugiat eget. Vivamus facilisis lectus vitae mattis hendrerit. Vivamus non quam eget neque pulvinar hendrerit nec quis mauris. Maecenas convallis elit at aliquet ultricies. Etiam bibendum nisi sed urna vestibulum euismod. Nullam ac pretium est. Aenean eu massa quam. Nullam eget porttitor enim.</p>
 
<p>Praesent non tellus tempus sapien mattis lacinia ac nec mauris. Nulla tortor neque, varius vitae est ut, facilisis elementum eros. Nam consequat leo sed dolor mollis sodales. Sed vel lobortis magna, quis bibendum sapien. Nullam fringilla lacus at suscipit porttitor. Morbi gravida vestibulum odio. Suspendisse ac dolor eu lacus finibus commodo. Vivamus velit diam, ornare sit amet enim at, vestibulum ullamcorper tortor.</p>
 
<div class="pagebreak"></div>
<p>Morbi eleifend neque in urna consequat consectetur. Curabitur magna sem, eleifend vel iaculis sed, condimentum sed ipsum. Mauris ultricies, est non porttitor efficitur, risus eros pharetra eros, eget finibus orci nunc sed ante. In eu nulla aliquam, hendrerit leo hendrerit, condimentum nisl. Morbi facilisis pulvinar massa, sit amet volutpat orci lobortis laoreet. Phasellus in mi tristique, commodo urna ac, pretium neque. Pellentesque congue, tortor at lacinia faucibus, purus mauris placerat odio, ac blandit est libero in augue. Aenean quis nunc aliquam, euismod leo id, tempor diam. Vestibulum consectetur tincidunt dui nec semper. Donec dapibus, nibh sit amet suscipit egestas, arcu quam consequat nulla, eu hendrerit tortor felis in felis. In hac habitasse platea dictumst. Donec gravida quis nulla finibus facilisis.</p>
 
<p>Suspendisse metus arcu, imperdiet quis suscipit in, tristique sit amet ipsum. Aliquam consequat in metus ac semper. Suspendisse feugiat aliquam neque, vel tincidunt metus laoreet dignissim. Vestibulum dictum iaculis vehicula. Morbi vehicula varius massa cursus dapibus. Maecenas ornare urna non rutrum pellentesque. Aliquam dignissim vel justo ac pretium. Vivamus cursus nunc vel quam feugiat volutpat. In tincidunt nibh sit amet dui vulputate, et porttitor odio rutrum. Pellentesque a leo facilisis, volutpat ipsum a, rhoncus purus. Sed sed aliquet odio. Vivamus venenatis eu velit eu luctus. Maecenas in augue volutpat, ornare arcu at, rhoncus leo. Sed euismod luctus ex, vel maximus orci dapibus et. In vel facilisis massa, in euismod ligula.</p>
 
<div class="pagebreak"></div>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
.pagebreak {
    page-break-after: always;
}
 
@media print {
    body {
        counter-reset: page 0;
    }
 
    .pagebreak:before {
        content: counter(page);
        counter-increment: page;
        text-align: center;
        font: bold 15px/15px Tahoma;
        margin: 10px 0 0 0;
        border-top: 1px solid #333;
        display: block;
        width: 100%;
        padding: 5px 0 0 0;
    }
}
0
0 / 0 / 0
Регистрация: 30.08.2015
Сообщений: 75
13.12.2015, 19:21  [ТС]
whiteapps, не, динамичный.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
13.12.2015, 19:21
Помогаю со студенческими работами здесь

Генерация Excel файла и печать формы
Вот как-то так это все работает. При нажатии кнопок &lt;button class=&quot;btn btn-default&quot; type=&quot;button&quot;...

Генерация номера для записи в БД
Доброе время суток! Вступление: есть локальное приложение Windows Form с БД SQLite. В этом приложении есть заполняемые пользователем...

Генерация и проверка серийного номера, как реализовать?
Мне нужно, скажем так, защитить программу - написать функцию генерации и проверки уникального серийного номера для каждой копии программы....

Генерация и печать к-элементных подмножеств заданного множества (Turbo Prolog)
Помогите написать программу, которая генерирует и выводит на экран все к-элементные подмножества заданного множества. Заранее огромное...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Первый деплой
lagorue 16.01.2026
Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru