How to avoid whits space when displaying images?

huebi · 05-16-2012, 08:01 AM

Hi,

i have a book with a lot of pictures in up to 400px in height. If such an image does not fit on the actual page, the rest of the page is left blank and the picture is shown on the next page. Is there any trick to display a picture without having so much white space on the previous page? It is not important that the picture is exactly at the behinning or end of certain sentence. The text can flow before the picture.

Instead of

Code:

+----------+  +----------+
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|               |  |XXXXXXXX|
|               |  |XXXXXXXX|
|               |  |XXXXXXXX|
|               |  |..............|
|               |  |..............|
+----------+  +----------+

i would like to have

Code:

+----------+  +----------+
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |XXXXXXXX|
|...............|  |..............|
|...............|  |..............|
+----------+  +----------+

Is there any trick to achieve something like this?

Jellby · 05-16-2012, 08:31 AM

I'm afraid ePub does not support floating elements. You could use the "float" CSS property, but it doesn't work as you want, it will only place text around the figure, but not move the figure up or down the text flow.

huebi · 05-16-2012, 09:24 AM

I'm afraid that there isnt a solution... HTML was made for "endless" pages accessing the hidden content by scrolling, not by flipping pages. eBook Readers do have fixed pages without being able to scroll...

float does only help with left and right, but not with top or bottom...

As i said i only have little hope that there is a solution available

Toxaris · 05-16-2012, 01:53 PM

No solution to my knowledge. I usually end up with placing the images (when possible) at the beginning of a chapter.

05-16-2012, 08:01 AM	#1
huebi Zealot Posts: 121 Karma: 5070 Join Date: Dec 2010 Device: none	How to avoid whits space when displaying images? Hi, i have a book with a lot of pictures in up to 400px in height. If such an image does not fit on the actual page, the rest of the page is left blank and the picture is shown on the next page. Is there any trick to display a picture without having so much white space on the previous page? It is not important that the picture is exactly at the behinning or end of certain sentence. The text can flow before the picture. Instead of Code: +----------+ +----------+ \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \| \| \|XXXXXXXX\| \| \| \|XXXXXXXX\| \| \| \|XXXXXXXX\| \| \| \|..............\| \| \| \|..............\| +----------+ +----------+ i would like to have Code: +----------+ +----------+ \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|XXXXXXXX\| \|...............\| \|..............\| \|...............\| \|..............\| +----------+ +----------+ Is there any trick to achieve something like this?

05-16-2012, 08:31 AM	#2
Jellby frumious Bandersnatch Posts: 7,543 Karma: 19001583 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	I'm afraid ePub does not support floating elements. You could use the "float" CSS property, but it doesn't work as you want, it will only place text around the figure, but not move the figure up or down the text flow. Last edited by Jellby; 05-16-2012 at 01:36 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
602 FBreader : a different way of displaying images ?	Tulapi	PocketBook	18	03-14-2011 04:32 AM
Images Not Displaying	dvd8n	OpenInkpot	2	04-13-2010 05:54 PM
Displaying images on Kindle?	beagley@alma.edu	Amazon Kindle	2	12-28-2008 06:06 PM
Displaying images on e-ink screens	Ea	Workshop	4	06-25-2008 10:18 AM
Best Settings for Displaying Images?	firekat	iRex	1	08-16-2006 07:01 PM

05-16-2012, 09:24 AM	#3
huebi Zealot Posts: 121 Karma: 5070 Join Date: Dec 2010 Device: none	I'm afraid that there isnt a solution... HTML was made for "endless" pages accessing the hidden content by scrolling, not by flipping pages. eBook Readers do have fixed pages without being able to scroll... float does only help with left and right, but not with top or bottom... As i said i only have little hope that there is a solution available

05-16-2012, 01:53 PM	#4
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	No solution to my knowledge. I usually end up with placing the images (when possible) at the beginning of a chapter.