how to make images behave....

soup · 08-15-2010, 12:39 PM

I have an image, it's at the end of a page under some lines of text and I want it to come up on the screen and take up the rest of the screen after the text is displayed.

currently it just comes up on it's own page...

I'm using sigil at the moment and I don't really know how to go about asking google for the help.

can anyone throw me some code or point me in the right direction on how to get what I want?

I'm sure I could just resize it but I'd rather a one size fits all solution.

Jellby · 08-16-2010, 05:02 AM

I'm afraid there is no way to access the "available space in the page" with CSS, at least not with the subset of CSS supported by ePUB. Even the "full height of a page" is problematic.

You'd have to settle with some default size and, if you absolutely do not want the image to be in its own page, you could add "page-break-before: avoid;", but that could lead to a lot of blank space in the previous page.

soup · 08-16-2010, 11:14 AM

looks like I'm resizing the pics....

08-15-2010, 12:39 PM	#1
soup Member Posts: 24 Karma: 10 Join Date: Jul 2010 Device: Kobo	how to make images behave.... I have an image, it's at the end of a page under some lines of text and I want it to come up on the screen and take up the rest of the screen after the text is displayed. currently it just comes up on it's own page... I'm using sigil at the moment and I don't really know how to go about asking google for the help. can anyone throw me some code or point me in the right direction on how to get what I want? I'm sure I could just resize it but I'd rather a one size fits all solution.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Any way to make images exact size using HTML?	khutch	Calibre	4	10-03-2010 11:59 AM
Open up the source and let us make SD card images ourselves	JOCO_MKNZ	Kobo Reader	13	08-08-2010 01:26 AM
How to make an lrf file with images in it.	eliate1	Sony Reader	5	06-24-2008 10:21 PM
How can we make images links in LRF?	JSWolf	Sony Reader Dev Corner	9	02-04-2008 12:15 PM
Programs that may behave differently in WinXP SP2	Colin Dunstan	Lounge	1	08-15-2004 10:56 AM

08-16-2010, 05:02 AM	#2
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	I'm afraid there is no way to access the "available space in the page" with CSS, at least not with the subset of CSS supported by ePUB. Even the "full height of a page" is problematic. You'd have to settle with some default size and, if you absolutely do not want the image to be in its own page, you could add "page-break-before: avoid;", but that could lead to a lot of blank space in the previous page.

08-16-2010, 11:14 AM	#3
soup Member Posts: 24 Karma: 10 Join Date: Jul 2010 Device: Kobo	looks like I'm resizing the pics....

Advert