Quote:
Originally Posted by rosshalde
Okay, I fixed the margin issue by using this code from the Sigil FAQ. It worked, and I don't see any problems with the rest of the book.
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
it moved my picture up to the top and I don't need any special spacing in this book, so it worked.
Different problem. One picture is too tall. I have all the pics sized to 566 wide, but this one picture was too long. Besides resizing until I find what fits, is there a way to code it to auto fit the picture to the page?
Here is the current code for the picture
<body>
<div class="body" style="white-space:normal">
<h1 style="text-align: center;" title="The Good Shepherd"><img alt="Misericordia Readers Primer_Page_034" src="../Images/Misericordia%20Readers%20Primer_Page_034.jpeg" /><br /></h1>
</div>
The other problem is that once I shrunk this picture and reloaded it, it fit on one page, but now left a blank page after it. I don't see any reason for that. I even merged the two files back together and resplit them to make sure there was no empty space. |
Sure, no problem. Try this:
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
@page { margin: 0pt; padding: 0pt; }
body {text-align: center; padding: 0pt; margin: 0pt;}
h1 { display: none;}
</style>
</head>
<body>
<h1>The Good Shepherd</h1>
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 778 1200" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1200" width="778" xlink:href="../Images/Misericordia%20Readers%20Primer_Page_034.jpeg"></image>
</svg>
</div>
</body>
</html>
You need to change the red numbers into the real numbers. The header will not be displayed, but will work in combination with the TOC when you generate the TOC.