Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 10-09-2012, 01:21 PM   #1
jobalcaen
Junior Member
jobalcaen began at the beginning.
 
Posts: 5
Karma: 10
Join Date: Oct 2012
Location: Winnipeg, Canada
Device: Sony PRS-505
blank pages after SVG images in Kobo

Hello everyone,

My book cover displays perfectly in ibooks, ADE and firefox reader.

However, when I open the book in the Kobo app on the ipad and in FBreader, the cover appears correctly but a blank page is inserted after.

I followed the advice on this website to create my cover page http://denis.papathanasiou.org/?p=592 and tried googling this issue but I can't find anything of much use.

Should I stop using SVG, resize my images to 800x600 and use a simple <div> and <img ....> combo?

I also attached a sample of the book that is giving me issue.

Any input would be appreciated.

Thanks,
Attached Files
File Type: epub mobilereadsample.epub (1.69 MB, 40 views)
jobalcaen is offline   Reply With Quote
Old 10-11-2012, 02:07 AM   #2
jobalcaen
Junior Member
jobalcaen began at the beginning.
 
Posts: 5
Karma: 10
Join Date: Oct 2012
Location: Winnipeg, Canada
Device: Sony PRS-505
fixed

I was finally able to resolve my own issue. The solution was to reduce the width and the height of the svg to 99% instead of 100%. I guess there is somekind of a hidden margin that does not get removed even though I set the margins for everything to 0 in the css. Here is an example of the code I used:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="../Styles/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/

@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
/*]]>*/
</style>
</head>

<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="99%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 524 612" width="99%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="612" width="524" xlink:href="../Images/image001.png"></image>
</svg>
</div>
</body>
</html>

I tested this successfully in ibooks, kobo reader app on the ipad, Sony PRS-505, firefox epubreader, FBreader and ADE.
jobalcaen is offline   Reply With Quote
 
Enthusiast
Old 05-19-2013, 12:31 PM   #3
FunkeXMix
Enthusiast
FunkeXMix began at the beginning.
 
Posts: 38
Karma: 10
Join Date: Aug 2011
Device: Ipad
removed

Last edited by FunkeXMix; 05-23-2013 at 10:32 AM. Reason: Wrong info
FunkeXMix is offline   Reply With Quote
Old 05-19-2013, 01:19 PM   #4
FunkeXMix
Enthusiast
FunkeXMix began at the beginning.
 
Posts: 38
Karma: 10
Join Date: Aug 2011
Device: Ipad
removed

Last edited by FunkeXMix; 05-23-2013 at 10:32 AM. Reason: wrong info
FunkeXMix is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
images causing blank pages in mobi on Kindle sundog Kindle Formats 6 08-09-2012 07:25 PM
Blank Pages PAULINE BIRCHNAL Conversion 5 01-02-2012 12:47 PM
How to center/fit page width SVG images with <OBJECT> amoroso ePub 0 07-31-2010 11:48 AM
Classic Split PDF pages into smaller pages (images into tiles) Astro Barnes & Noble NOOK 3 07-28-2010 03:55 PM
Images on Kindle; blank pages joubert Kindle Formats 3 05-28-2010 03:49 PM


All times are GMT -4. The time now is 09:57 AM.


MobileRead.com is a privately owned, operated and funded community.