I manage my library in Calibre but when I open my eBooks in Adobe Digital Editions (ADE), many of them have title pages that are
too big and get cropped off frame
EXHIBIT A:
Or they are
not positioned at the center of the frame.
EXHIBIT B:
How do I fix that ?
In a previous thread I asked a similar question about
cover pages for which I had found a fix.
However, that fix does not work for title pages.
A perfect title page for me
looks like this:
EXHIBIT C:
1. It's scaled to fit the entire frame.
2. It is placed at the center.
Any idea how I can fix my problem?
If it helps,
this is the code for Exhibit A:
Exhibit A Code:
Quote:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="en" xml:lang="en">
<head>
<title>MCU</title>
<link href="../styles/stylesheet.css" rel="stylesheet" type="text/css"/>
<meta content="urn:uuid:e407651d-7240-44a3-b12c-889607e07316" name="Adept.expected.resource"/>
</head>
<body>
<section epub:type="frontmatter" id="tit" title="Title">
<p class="image0"><span epub:type="pagebreak" id="page_i" role="doc-pagebreak" title="i"/><span epub:type="pagebreak" id="page_ii" role="doc-pagebreak" title="ii"/><span epub:type="pagebreak" id="page_iii" role="doc-pagebreak" title="iii"/><span epub:type="pagebreak" id="page_iv" role="doc-pagebreak" title="iv"/><img alt="" src="../images/title.jpg" style="width:100%;"/></p>
</section>
</body>
</html>
|
And
this is the title page code for Exhibit B:
Exhibit B Code:
Quote:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" lang="en" xml:lang="en">
<head>
<title>After Steve</title>
<meta content="urn:uuid:aa07ca1b-4820-4de0-885e-d10d8de3e243" name="Adept.expected.resource"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="../../stylesheet.css"/>
<link rel="stylesheet" type="text/css" href="../../page_styles.css"/>
</head>
<body epub:type="frontmatter" class="calibre">
<section epub:type="frontmatter" title="Title Page">
<div class="full" id="tit"><span epub:type="pagebreak" id="page_i" title="i"></span><span epub:type="pagebreak" id="page_ii" title="ii"></span><span epub:type="pagebreak" id="page_iii" title="iii"></span><a href="9780063009837_Contents.xhtml#rtit" class="calibre1"><img alt="image" src="../images/Titlepage.jpg" class="calibre2"/></a></div>
</section>
</body>
</html>
|
Thank you.
PS: I'm a complete newbie to code. I find it very intimidating and completely suck at it, so please explain to me like I'm 5 if your solution requires typing code.