Quote:
Originally Posted by JSWolf
You can code for the cover to fit as long as the cover would fit width wise when the height is at maximum for the screen.
Code:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="calibre:cover" content="true"/>
<title>Cover</title>
<style type="text/css" title="override_css">
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
</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 600 800" preserveAspectRatio="xMidYMid meet">
<image width="600" height="800" xlink:href="coverh4a200033db.jpg"/>
</svg>
</div>
</body>
</html>
You'll have to change the name of the cover of course. |
This works brilliantly for images that have been giving me trouble splitting across pages, so thank you! However, the images are justified left and I can't figure out how to get them centered.