MobileRead Forums - View Single Post

RbnJrg · 06-02-2018, 10:56 AM

Quote:

Originally Posted by GregorSoren

HELLO EVERYONE!

I need some help with my new ebook. I'm trying to insert pictures (I wanted them big, covering a whole new page without any text if possible). Any tips or codes I can use to avoid the undesirable blank pages that come out before and after the picture page?

Thanks

Just put your image as background in a new .xhtml file. For example:

1. In your .xhtml file:

Code:

<body></body>

2. In your .css file:

Code:

body {
     margin: 0;
     padding: 0;
     background: url("../Images/YourImageHere.jpg");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center top;
}

Don't forget to link the .css file with the .xhtml file.

By the way, this is a perfect workaround to solve the svg cover bug with ADE 4.x under epub3. I attach an epub3 so you can watch better how ADE reproduce with this method the behavior of a svg wrapper (but without bug).

Regards
Rubén

PS: I don't know why Sigil can't support the value "contain" for the "background-size" property. In Sigil, you won't see anything (maybe a Sigil bug) but in ADE works fine.