MobileRead Forums - View Single Post

Aleksandr · 07-29-2011, 03:24 AM

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?

07-29-2011, 03:24 AM	#1
Aleksandr Junior Member 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?