Thanks to all the help on here, I am basically finished with my first Sigil Epub.
Two questions. I uploaded 100 pics all at once and then placed them into the text while in book view and that worked great. What I noticed is that when I export the epub midway (after saving) to have a look at it someplace other than Sigil, the pics are NOT there. After I finished and Validated, all there....is that the way it works?
More importantly, I have a margin at the top and I don't know how to get rid of it.
here is my css and the code from the beginning of a chapter. Please advise on getting rid of the margin at the top of the page.
sup{
font-size: 67%;
vertical-align: 33%;
}
sub{
font-size: 67%;
vertical-align: -10%;
}
p{
margin: 0px;
}
.s1{
color: #000000;
font-size: 75.0000%;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0.0000em;
margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: left;
text-decoration: none;
text-indent: 0.0000%;
text-transform: none;
}
.s2{
font-weight: bold;
text-align: center;
}
.s3{
text-align: justify;
text-indent: 0%;
white-space: normal;
}
.s4{
font-size: 87.5000%;
font-weight: bold;
text-align: center;
}
.c1{
font-size: 116.6667%;
}
Here is the code form a chapter beginning.
<?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>1 Section 1 | Misericordia Readers Primer09</title>
<meta content="57E6E5AA-155D-4D12-B1EF-F2F18702911E" name="EPB-UUID" />
<link href="../Styles/book.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="body" style="white-space:normal">
<h1 style="text-align: center;" title="The Lost Sheep"><img alt="Misericordia Readers Primer_Page_026" src="../Images/Misericordia%20Readers%20Primer_Page_026.jpeg" /></h1>