I am in need of assistance in correcting some format errors. I'm new to this and have hit a bit of a wall on how to accomplish my goals. I'll try to include all relevant information without giving a bunch of trash to sort through. If you'll let me know what info I need to supply, I will try to provide it quickly.
I've created an Epub file in Sigil that contains background images with text on top of them. The images display properly in the Sigil viewer, Kindle Previewer, and Calibre Viewer. They do not display properly in the Nook Color or the Adobe Digital Edition Viewer. I know the Nook uses ADE and it displays the files differently for some reason, but I can't track down any information about how to account for the differences and correct them. Here's what they look like:
Sigil viewer showing text over image:
http://imgur.com/mnxZW
http://imgur.com/kZxTH
Nook for PC: image is not a background image:
http://imgur.com/SDV1g
http://imgur.com/Ud49I
1st pic:
span.sgc-3 {position:absolute;z-index:-2;margin-left:24px; margin-top:19px;width:664px;height:374px}
<p class="MsoNormal"><span class="sgc-3"><img alt="" height="374" src="../Images/image002.jpg" width="664" /></span></p>
2nd pic:
span.sgc-7 {position:absolute;z-index:-1;left:0px; margin-left:180px;margin-top:0px;width:307px;height:453px}
<p class="MsoNormal sgc-2">10.<span class="sgc-4"> </span> <span class="sgc-6">Run to the southwest of Polo to find the crafting area and complete 2 craft quests.</span><span class="sgc-7"><img alt="" height="453" src="../Images/image004.jpg" width="307" /></span></p>
The negative Z value in Sigil puts the image in the background for all ereaders that aren't ADE. I'm not sure how to fix this problem and 2 days of my poorly performed Google-Fu has not revealed any answers.
If someone could point me in the right direction, or has a epub file that shows how to put the background image in correctly, I would really appreciate it.
Thanks,
Turk