Quote:
Originally Posted by JLius
Sorry, guess I'm just clumsy...
So I exported my titlepage as a png, but not it just won't fit the screen when I import it in my epub.
Export setting (default): W:992 H:1.403 pixels.
In my epub (I kept the same values I used for the jpg):
Code:
<title>Titelblad</title>
<style type="text/css" title="override_css">
@page {
padding: 0;
margin: 0;
}
body {
text-align: center;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 838 1186" preserveAspectRatio="none">
<image width="992" height="1403" xlink:href="Titelblad.png"/>
</svg>
</div>
</body>
I already tried exporting it with W:600 H800 and setting it also to 600/800 in the svg, but that looked also awfull.
If you are wondering were I got the W992 H1403 (and all the other stuff before that): it was the default setting calibre used for the cover, so I thought I'd go with that.
|
I think you mixed two concepts

If you are going to use a .png image as title page, then is not neccesary to enclosed in a svg wrapper. In my post I used a svg wrapper because I didn't want to use a .png image, just text. But now that you are going to use a image, just write in your .xhtml file:
Code:
<title>Titelblad</title>
<style type="text/css" title="override_css">
@page {
padding: 0;
margin: 0;
}
body {
text-align: center;
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<p><img alt="" height="100%" src="Titelblad.png"/></p>
</body>
However, take in count that you are not using a 3:4 image, so is probable (depend on the device reader) that the title page doesn't fit perfectly. And check that the image path is correct.