Page 1 of 1
footer image not displayed fully from page 100
Posted: Thu Jan 02, 2025 12:59 pm
by liyan
Hi
I came across this issue that the footer image is displayed partially from page 100. It is properly displayed in the previous pages and in the pages after page 100, it is displayed as below:
Attached a good one for contrast:
Could anyone help me debug this?
the image is a png file, I didn't use svg file because I do not have a one.
I tried to adjust the background-size property but it does not work.
Re: footer image not displayed fully from page 100
Posted: Fri Jan 03, 2025 11:05 am
by julien_lacour
Hello,
Could you indicate which version of Oxygen you are using?
Could you copy here the CSS fragment used for footer display for both :left and :right pages?
Regards,
Julien
Re: footer image not displayed fully from page 100
Posted: Tue Jan 07, 2025 6:39 am
by liyan
Hi Julien
Thank you for your reply
I am using Oxygen XML Editor 26.0
The CSS code for footer display is as follows:
Code: Select all
/*left-pages-footer-page*/
@page chapter:left {
@bottom-left {
content: counter(page);
}
@bottom-right {
content:"\A0";
background-image: url("../libIMG/footer_logo_Bluesight.png");
background-repeat: no-repeat;
background-size:40%;
background-position: right;
}
}
/*right-pages-footer-page*/
@page chapter:right {
@bottom-right {
content: counter(page);
}
@bottom-left {
content:'\A0';
background-image: url("../libIMG/footer_logo_Bluesight.png");
background-repeat: no-repeat;
background-size:40%;
background-position: left;
}
}
Re: footer image not displayed fully from page 100
Posted: Wed Jan 08, 2025 11:48 am
by julien_lacour
Hello,
You can increase the box width by adding more "\A0" in the content, like this:
Code: Select all
/*left-pages-footer-page*/
@page chapter:left {
@bottom-left {
content: counter(page);
}
@bottom-right {
content: '\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0';
background-image: url("../libIMG/footer_logo_Bluesight.png");
background-repeat: no-repeat;
background-size: 40%;
background-position: right;
}
}
/*right-pages-footer-page*/
@page chapter:right {
@bottom-right {
content: counter(page);
}
@bottom-left {
content: '\A0\A0\A0\A0\A0\A0\A0\A0\A0\A0';
background-image: url("../libIMG/footer_logo_Bluesight.png");
background-repeat: no-repeat;
background-size: 40%;
background-position: left;
}
}
The image should fit after that, you can also add a background-color to see each box size (for debugging purpose).
For more details you can check
this topic from our user guide.
Regards,
Julien
Re: footer image not displayed fully from page 100
Posted: Thu Jan 09, 2025 9:31 am
by liyan
Hi Julien
Thank you very much,
The problem is fixed.
