I need the help of a epub to ibooks guru......
I have a lots of sections in my new epub 'Sporades Sailing pilot' which is now viewable in Ibooks. Its a guide type book and would be really difficult to cut it into hundreds of different xhtml pages to keep headings at the top of a new page. Most sections have a Heading <h4> then followed by an SVG map images, then some writing unerneath with another thumbnail jpeg floating around in the text.
Before i submitted the epub to Ibooks it showed fine in iphone and ipad and page breaks work on other platforms. However after uploading to Ibooks the page breaks have done their own thing! Now i am getting the Heading at the end of the previous page, if there is enough space underneath i get the SVG image, if not, that image starts at the top of another page, then the text and thumbnails. Its all a bit 'disjuncted' with white space.
- i was originally wrapping the <h4> heading using the <div class="header"> tag on the xhtml page with {'page-break-before always'} on the CSS stylesheet. However, after it was loaded onto ibooks this page break functionality was lost..... should i extend this div tag to include the first svg image to keep them togther?
or
- i have read that i your wrap the heading and everything else in that section in div tags with {display: inline-block} in the CSS that this forces the heading onto a new page? However will this work if the content of that section is spread over several screen pages?
or
- Or should i use <div style="page-break-before:always;"></div> directly on the xhtml page and forget about CSS stylesheet
or
- perhaps use individual commands at the head of each xhtml page like… <style type="text/css"> h4 {page-break-before: alway}></style>, to break before section headings?
or
- am i barking up the wrong tree
Basically i'm looking for a way to force page breaks that will work after processing on Itunes producer..........
slainte dave