Necesito su ayuda para poder poner el numero de cada pagina no me sale. Ya intente con el siguiente codigo.
En HTML puse ese campo hasta al final
<div id="footer" class="row justify-content-center">
<div class="row" style="width: 1141px;">
<div class="col" style="margin-left: 174px;"></div>
<div class="col"><img src="./images/avaxLogo.jpg" style="width: 150px;"></div>
<div class="col">
<p style="text-align: right; color: gray;" class="pageFooter"></p>
</div>
</div>
</div>
Y en CSS estos estilos le puse lo siguiente
.pageFooter:before {
content: counter(page) ' of ' counter(page);
left: 0;
top: 100%;
white-space: nowrap;
z-index: 20;
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
}
Se supone que las paginas que tengo son 15 y solo me muestra siempre 1 0f 1 y si pongo lo siguente
counter-increment: pages;
Me pone 1 of 0, 2 of 2 o 1 of 1 y yo necesito que me muestre 1 of 15, 2 of 15 y asi sucesivamente sin que se repita o si hay alguien que me pueda explicar como mandar a llamar tanto el CSS y HTML la regla @page.
De antemano muchas gracias por su ayuda.