View Single Post
Old 04-09-2014, 01:59 PM   #42
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,830
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by JLius View Post
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.

Last edited by RbnJrg; 04-10-2014 at 03:38 PM.
RbnJrg is offline   Reply With Quote