This is my second epub book that I have created. The first one I had no issues with the cover file but this one is blank when opened in ADE.
After I created the EPUB, I unzipped it and created a cover.xhtml file which says:
<?xml version="1.0" encoding="utf-8"?>
<!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>ttctc-cc.xhtml</title>
<link href="template.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="ttctc-cc">
<div class="generated-style">
<img src="images/cover.jpg" alt="Cover Image" style="max-width: 100%;" />
</div>
</div>
</body>
</html>
Then added these tags in the content opf to the respective locations:
<meta name="cover" content="cover-image" />
<item id="ttctc-cc" href="ttctc-cc.xhtml" media-type="application/xhtml+xml"/>
<item id="cover-image" href="images/cover.jpg" media-type="image/jpeg"/>
<itemref idref="ttctc-cc"/>
I also made sure that the JPEG was RGB and not CMYK which is a suggestion I found while searching the web. I checked and rechecked and I can't seem to figure out where the problem is.
Has anyone else ran into this problem, if so, how did you fix it?
Any suggestions would be great. Thank you so much!