footer image not displayed fully from page 100

Post here questions and problems related to editing and publishing DITA content.
liyan
Posts: 8
Joined: Fri Jun 28, 2024 5:42 am

footer image not displayed fully from page 100

Post 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:
Image

Attached a good one for contrast:
Image

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.
Attachments
good behavior.png
good behavior.png (4.6 KiB) Viewed 331 times
bad behavior.png
bad behavior.png (7.06 KiB) Viewed 331 times
julien_lacour
Posts: 621
Joined: Wed Oct 16, 2019 3:47 pm

Re: footer image not displayed fully from page 100

Post 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
liyan
Posts: 8
Joined: Fri Jun 28, 2024 5:42 am

Re: footer image not displayed fully from page 100

Post 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;
  }
}
julien_lacour
Posts: 621
Joined: Wed Oct 16, 2019 3:47 pm

Re: footer image not displayed fully from page 100

Post 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
liyan
Posts: 8
Joined: Fri Jun 28, 2024 5:42 am

Re: footer image not displayed fully from page 100

Post by liyan »

Hi Julien
Thank you very much,
The problem is fixed. :D
Post Reply