View Single Post
Old 07-29-2011, 03:24 AM   #1
Aleksandr
Junior Member
Aleksandr began at the beginning.
 
Posts: 5
Karma: 10
Join Date: Jul 2011
Device: Kobo Touch
Kobo Touch ePub covers

I've been trying to get full-screen covers working for side-loaded ePubs on my Kobo Touch for hours. I've read through much of the advice on these forums and have tried almost everything.

No matter what I do, I can't get the images to fill the entire space of the thumbnails or the full-screen sleep box. There's always this white border all around with SVG and at the left, right and bottom with an img tag. Here's the code for the SVG, which as far as I've read should work:

Code:
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Cover</title>
		<style type="text/css">
			@page {margin:0; padding:0;}
			html {margin:0; padding:0;}
			body {margin:0; padding:0;}
		</style>
	</head>
	<body>
		<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 600 800" preserveAspectRatio="xMidYMid meet">
			<image width="600" height="800" xlink:href="images/cover.jpeg" />
		</svg>
	</body>
</html>
I've tried reverse engineering the kepubs, but they seem to be treated differently by the Touch. Taking one and side-loading it results in the same white border. And I thought IE6 was difficult ... What's going on?
Aleksandr is offline   Reply With Quote