Image cut

Auramazda · 03-24-2016, 06:01 PM

Hi all,
I'm doing a epub with big image in the mid of the text, when I put it in a reader I have all image cut in half.
There is a code to put the image in the next page so that it is whole?
Thanks

theducks · 03-24-2016, 10:41 PM

Quote:

Originally Posted by Auramazda

Hi all,
I'm doing a epub with big image in the mid of the text, when I put it in a reader I have all image cut in half.
There is a code to put the image in the next page so that it is whole?
Thanks

Code:

Page-break-before: always;

in the CSS class for the Image

Toxaris · 03-25-2016, 02:49 AM

Be aware though that 'page-break-before' or 'page-break-after' is not always honored. What I usually do in this case, is place the image at the beginning or end of the chapter and wrapped in a SVG tag. Of course this is not always possible/desired, but it is the only way to be sure.

Auramazda · 03-25-2016, 06:25 AM

I also do a svg normally but that images must be in the middle of the chapter, tonight try to add a class in the css and see what I got.
Thanks for the help.

theducks · 03-25-2016, 10:08 AM

Quote:

Originally Posted by Auramazda

I also do a svg normally but that images must be in the middle of the chapter, tonight try to add a class in the css and see what I got.
Thanks for the help.

This is a case where "chapter" need not be a single file

ch1before.xhtml <the TOC Chapter 1
ch1midimage.xhtml
ch1after.xhtml
ch2.xhtml <the TOC Chapter 2

Auramazda · 03-25-2016, 12:52 PM

It's the Colombo's egg! (I hope it is use also away from Italy)
yes this way I can resolve the problem, I was always on the coding and the solution was far more easy.
Thanks

03-24-2016, 06:01 PM	#1
Auramazda Member Posts: 16 Karma: 1422 Join Date: Mar 2016 Device: none	Image cut Hi all, I'm doing a epub with big image in the mid of the text, when I put it in a reader I have all image cut in half. There is a code to put the image in the next page so that it is whole? Thanks

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
svg image on top of a background png image	roger64	ePub	25	04-24-2015 11:00 AM
Display of a png image linked to a svg image	roger64	Editor	6	03-13-2015 06:21 AM
Image on click change to nex image for Ipad view.	vinayaksanga	ePub	9	04-29-2013 06:49 AM
inspect image properties /replace image	cybmole	Sigil	6	02-05-2013 12:46 PM

03-25-2016, 02:49 AM	#3
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	Be aware though that 'page-break-before' or 'page-break-after' is not always honored. What I usually do in this case, is place the image at the beginning or end of the chapter and wrapped in a SVG tag. Of course this is not always possible/desired, but it is the only way to be sure.

03-25-2016, 06:25 AM	#4
Auramazda Member Posts: 16 Karma: 1422 Join Date: Mar 2016 Device: none	I also do a svg normally but that images must be in the middle of the chapter, tonight try to add a class in the css and see what I got. Thanks for the help.

03-25-2016, 12:52 PM	#6
Auramazda Member Posts: 16 Karma: 1422 Join Date: Mar 2016 Device: none	It's the Colombo's egg! (I hope it is use also away from Italy) yes this way I can resolve the problem, I was always on the coding and the solution was far more easy. Thanks

Advert

Advert