I've had a number of comics as ebooks on the Kindle for a while, but they used outdated Kindle file standards and I'm trying to update them to improve the quality. I've hit a bit of a brick wall, though, as far as the coding in concerned.
I have all my comic pages saved as JPGs now (formerly, they were GIFs, but Amazon compressed them too much, so I've resaved them as JPGs at 40% quality), and I'm using the same HTML file as before. But all of the images now display the top 1/2" of the page twice when viewed on the Kindle and cutting off the bottom 1/2" of the page (in the preview and in books I made live hoping it was just a glitch in the preview window). It's like the image is showing twice on top of each other.
There is an image display glitch that I can't figure out how to remove:
Example of the glitch:
http://www.gomanga.com/_twitterpics/glitch.jpg
And here is an example of the html I'm using:
Code:
<html>
<head>
<meta name="author" content="test names" />
<title>test title</title>
</head>
<body>
<p><a name="start" /></a>
<img src="images/cover.jpg" /></p>
<p><img src="images/0005.jpg" /></p>
<p><img src="images/0006.jpg" /></p>
<p><img src="images/0007.jpg" /></p>
<p><img src="images/0008.jpg" /></p>
<p><img src="images/0009.jpg" /></p>
<p><img src="images/0010.jpg" /></p>
<p><img src="images/0011.jpg" /></p>
<p><img src="images/0012.jpg" /></p>
<p><img src="images/0013.jpg" /></p>
<p><img src="images/0014.jpg" /></p>
<p><img src="images/0015.jpg" /></p>
</body>
</html>
I've tried a number of variations of this (putting images all in the same directory, removing all the <p> tags, adding <p width="0" align="center">) and haven't had any luck removing this glitch. Any help would be greatly appreciated!
Thanks,
- Adam