ok, here is some code. If you are wondering about the <p9>. I inserted all the pics in code view, but wanted them all centered. When inserting the all were left aligned. I added the <p9> tag to the pics because the css has <p9> as centered. The space is between the two pics. KOBO has no space. ibook has the space
<?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 Fourth Reader</title>
<meta content="D0F15332-8BE5-4500-848C-D1A65E029346" name="EPB-UUID" />
<link href="../Styles/book.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="body" style="white-space:normal">
HERE IS THE PROBLEM...If I change this h1 tag to <p> there is no blank page, but if I use the <h1> tag, there is a blank page between the pics
<h1 style="text-align: center;" title="Title Page"><img alt="Misericordia Fourth Reader_Page_002" src="../Images/Misericordia%20Fourth%20Reader_Page_002.jpeg" /></h1>
<p class="s9"><img alt="Misericordia Fourth Reader_Page_003" src="../Images/Misericordia%20Fourth%20Reader_Page_003.jpeg" /></p>
</div>
</body>
</html>
here is the css for h1 and p9
.h1{
font-align; center
}
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
.s9{
font-size: 87.5000%;
text-align: center;
}