Quote:
Originally Posted by kovidgoyal
I would recommend a single HTMl fie per image. This is the template i use for cover pages;
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Cover</title>
<style type="text/css">@page {padding: 0pt; margin:0pt}</style>
</head>
<body style="padding: 0pt; margin: 0pt">
<div style="text-align:center">
<img style="text-align: center" src="%s" alt="cover" />
</div>
</body>
</html>
|
Will this force, in the epub created, the "XX_2.css" file to have zero margins though?
That file seems the cause of the shift to the left and clipping of the text on the right hand side of the scrren according to =X=. My original html had specified zero margins (in the "XX_0.css" file), but was overriden by your "XX_2.css" created file.
Kovid, could you perhaps reverse the order and make your "XX_2.css" (Sony defaults) file come first, then the one from my html file? Like this:
Code:
<link href="resources/bierig_2.css" type="text/css" charset="UTF-8" rel="stylesheet"/>
<link href="resources/bierig_1.css" type="text/css" charset="UTF-8" rel="stylesheet"/>
<link href="resources/bierig_0.css" type="text/css" charset="UTF-8" rel="stylesheet"/>
Would this help?