I could use some help.
I'm trying to convert an ePUB book to a mobi book via Calibre 0.8.35. The conversion seems pretty good except I'm bumping up into a problem with the images. Images that should be on the same page as the following text are sometimes cordoned off on their own page and I don't want that. The weird thing is that this isn't occurring everywhere -- so I can see that I can get what I want, I just can't figure out how. Help!
---
The Chapter1 picture (attached) is bad. You can see that the image is on a separate page from the text. The ePUB code (pre-conversion) is here:
The CharacterPortrait picture (attached) is good. You can see that the image is on the same page as the text. The ePUB code (pre-conversion) is here:
The major difference I can see is that one has an H1 tag and the other an H2 tag, but changing that didn't make a difference to the conversion. Any help is greatly appreciated.
I'm trying to convert an ePUB book to a mobi book via Calibre 0.8.35. The conversion seems pretty good except I'm bumping up into a problem with the images. Images that should be on the same page as the following text are sometimes cordoned off on their own page and I don't want that. The weird thing is that this isn't occurring everywhere -- so I can see that I can get what I want, I just can't figure out how. Help!
---
The Chapter1 picture (attached) is bad. You can see that the image is on a separate page from the text. The ePUB code (pre-conversion) is here:
Code:
<?xml version="1.0"?>
<!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>Chapter 1 - Rosella</title>
<link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
@page { margin-bottom: 5.000000pt; margin-top: 5.000000pt; }
p.sgc-1 {text-align: center;}
/*]]>*/
</style>
</head>
<body style="">
<p class="sgc-1"><img alt="Chapter 1 - Rosella" src="../Images/Chapter%2001%20-%20Rosella.png" /></p>
<h1 id="heading_id_2" title="Chapter 1 - Rosella">Chapter 1 - <i>Rosella</i></h1>
<p class="text">Rosella eyed the darkening sky appreciatively as she walked the dirt-packed road. The sky had threatened rain all day, and she was thrilled to see thick thunderclouds rolling overhead as dusk approached. She hadn't planned on a downpour, and did not have the necessary skill with weather to create one even if she had, but a storm would add a nice touch to tonight's events.</p>Code:
<?xml version="1.0"?>
<!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>Rosella</title>
<link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
@page { margin-bottom: 5.000000pt; margin-top: 5.000000pt; }
p.sgc-1 {text-align: center;}
/*]]>*/
</style>
</head>
<body style="">
<p class="sgc-1"><img alt="Character Portrait: Rosella" src="../Images/Chapter%2001%20-%20Rosella.png" /></p>
<h2 id="heading_id_2" title="Character Portrait: Rosella">Character Portrait: <i>Rosella</i></h2>
<p class="text">When I started <i>Pulchritude</i>, the "Beauty and the Beast" story most firmly fixed in my mind was the Disney version, which starts with a curse. A beautiful fairy disguises herself as a beggar and then curses a prince for his selfishness when he refuses to give her lodging for the night.</p>