Positioning of content in footer in vertical alignment

[Manohar_1024]

hello, i am not able to position or align the footer content as i need one line space between the footer line and the content of the footer.
Here is the css styling i am using for line and alignment of footer.

Code: Select all

@bottom-right {

        content: counter(page);

        font-size: 10pt;      

        border-top: 1px solid black;

        vertical align: top;

    } 

so how to give a space between the line above the footer and content or text in the footer

[Costin]

Hello,

Well, the content of your footer seems to be only the page number.
Do you need some extra space between the black border and the page number?
Then just use:

Code: Select all

@page{

@bottom-right{

content:"\A" counter(page);

font-size: 10pt;

border-top: 1px solid black;

}

}[code]

[Manohar_1024]

Thanks for the reply.
But that is not the thing i want the content is also having chapter name.
what i want is
Assume the below one is the footer line i want spacing between them like i have to the adjust the text content vertically..

-----------------------------------------------------------------------------
chaptername Space page no.

[Costin]

Hi,

Then why not change the CSS to:

Code: Select all

@page{

@bottom-right{

content:"Chaptername \A" counter(page);

font-size: 10pt;

border-top: 1px solid black;

}

}

?

Or even

Code: Select all

@page{

@bottom-right{

content:"Chaptername \A \A" counter(page);

font-size: 10pt;

border-top: 1px solid black;

}

}

for even more space.

Or, why not, you could write rules for two different page margin boxes, keeping the "chaptername" in the left side margin box and the page number in the righ-side one. For example:

Code: Select all

@page{



@bottom-left{

content:"Chaptername";

font-size: 10pt;

border-top: 1px solid black;

vertical-align: top;

}



@bottom-right{

content: counter(page);

font-size: 10pt;

}

}

So you can play with page margins and write your own CSS rules for them as you need.

As a starting point, you should also read the "Page Headers and Footers" section from our website. Maybe this could help.
Among other things, there is also an alternative way to add a border, using an image, mentioned at the bottom of that section.

Also, here is an useful link to help you better visualize page-margin boxes and understand how paged-media works in CSS:

Last but not least, note that we do not provide customization consultancy services, we just develop our software and can only provide support for issues encountered when using our software or for questions regarding the software functionality.
For CSS customizations or training you should contact a consultancy / training company. There is a list of such companies even on our website:
https://www.oxygenxml.com/partners.html

Regards,
Costin

[Manohar_1024]

Thanks for your reply ,
but u still did not understand my problem
In this below url
https://www.quackit.com/css/at-rules/wh ... in_css.cfm
i need a spacing between bottom center and the above line or page layout.
I am mentioning again it is not spacing between two things like bottom center and bottom right

[Dan]

Hello,
Please note that the page margin boxes do not have margins. You can try to use padding to obtain a similar effect:

Code: Select all

@page{

  @bottom-center{

       padding:1em;

       /* or: */

       vertical-align:bottom;            

  }

}

If you need to style the page margin boxes with some colors/graphics, you may consider creating an SVG as large as the page and set it as page background, and then use the padding properties to precisely position the contents over the background, please see:
See:
https://www.oxygenxml.com/doc/versions/ ... und_images

If this is not the case, please attach an image with what you need to accomplish (A screenshot of your PDF with some annotations on it, maybe). You can send it through the support form:
https://www.oxygenxml.com/techSupport.html

Thank you,
Dan

[Manohar_1024]

Thanks now it is solved