Cover not showing in new ePub

silverhurst · 10-29-2010, 02:47 PM

I created a brand new ePub book in Sigil from a .txt document, added a simple TOC and text formatting throughout the book, then added a cover page .jpg with semantics>cover page added at the very beginning of the book in its own chapter, and a map image .jpg inside in its own chapter further into the book.

I then saved the ePub and imported it into Adiko on my Samsung Calibre (Android 2.1) that I use to read my ebooks.

When I open up the book neither the cover or the map image show up, I just get blue ? boxes in the top left corner where they would go.

I'm hoping maybe someone will know what is happening? I'm new to this, and not knowing css at all, when I searched through the forum I didn't find what I needed (or if I did it went right over my head).

Thanks

LGN · 10-29-2010, 07:24 PM

Set semantics on the jpg file as well > Cover

desertgrandma · 10-29-2010, 07:55 PM

Welcome to MobileRead, silverhurst.

There is lots more to do and learn here, and we'd all like to meet you.

Feel free to use the 'introduce yourself' link below .........

charleski · 10-29-2010, 11:49 PM

A common mistake for those new to Sigil is to get the path wrong, since Sigil automatically stores assets in dedicated directories.

Your cover page will need to have something like
<div><img title="Cover" alt="Cover Image" class="cover" src="../Images/cover.jpg" /></div>

silverhurst · 10-29-2010, 11:57 PM

Thanks for the replies, and the welcome.

I had already set the semantics on the jpg, so there is no way to do that again since it would only recognize the last one chosen anyway. I figured out why the images weren't showing up... I had spaces in the names of the files. Once I changed the names of the files and replaced the images with the renamed ones (and added the semantics to the cover image), the images showed up when the ebook was opened in Adiko, however the book cover still doesn't show up in Adiko's bookshelf, only on the first page of the opened file.

A second minor issue is that a second blank page shows up after the book cover, even though the only html within the body section on the page is the img src tag.

silverhurst · 10-30-2010, 12:00 AM

Quote:

Originally Posted by charleski

A common mistake for those new to Sigil is to get the path wrong, since Sigil automatically stores assets in dedicated directories.

Your cover page will need to have something like
<div><img title="Cover" alt="Cover Image" class="cover" src="../Images/cover.jpg" /></div>

Hmm, you posted this while I was writing my post above. Everything looks similar to the above example except that neither the title="Cover" or the class="cover" show up, are they necessary or maybe the problem since they are missing?

silverhurst · 10-30-2010, 12:35 AM

Well, I figured out why my cover image didn't show up on the bookshelf thanks to charleski

. Seems that the cover image has to actually be named "cover". I had named it after the title of the book

Now I'm down to just the issue of the blank page after the cover image. Once that is solved my book will be perfect!

charleski · 10-30-2010, 06:13 AM

A typical piece of css for the cover image would be

.cover {
height: 100%;
max-width: 100%
}

Add that to the css file. You don't really need the title attribute.

10-29-2010, 02:47 PM	#1
silverhurst Junior Member Posts: 4 Karma: 10 Join Date: Oct 2010 Device: Adiko (on Android)	Cover not showing in new ePub I created a brand new ePub book in Sigil from a .txt document, added a simple TOC and text formatting throughout the book, then added a cover page .jpg with semantics>cover page added at the very beginning of the book in its own chapter, and a map image .jpg inside in its own chapter further into the book. I then saved the ePub and imported it into Adiko on my Samsung Calibre (Android 2.1) that I use to read my ebooks. When I open up the book neither the cover or the map image show up, I just get blue ? boxes in the top left corner where they would go. I'm hoping maybe someone will know what is happening? I'm new to this, and not knowing css at all, when I searched through the forum I didn't find what I needed (or if I did it went right over my head). Thanks Last edited by silverhurst; 10-29-2010 at 02:57 PM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Gif images not showing in epub	Amalthia	Conversion	9	06-07-2012 03:43 PM
iLiad Showing cover of MOBIPOCKET in content lister.	psuy	iRex	0	10-15-2010 07:16 AM
problem with EPUB books showing up in itouch catalog	Elssha	Calibre	5	10-04-2010 02:14 AM
Nook EPub files not showing up	Tarran	Calibre	0	05-14-2010 09:57 PM
PRS600 freezes showing epub book	drmaxx	Sony Reader	8	01-23-2010 11:41 PM

10-29-2010, 07:24 PM	#2
LGN Connoisseur Posts: 88 Karma: 60 Join Date: Oct 2010 Device: ProMedia eReader, Sony PRS-600	Set semantics on the jpg file as well > Cover

10-29-2010, 07:55 PM	#3
desertgrandma Enjoying the show.... Posts: 14,270 Karma: 10462841 Join Date: Jun 2008 Location: Arizona Device: A K1, Kindle Paperwhite, an Ipod, IPad2, Iphone, an Ipad Mini & macAir	Welcome to MobileRead, silverhurst. There is lots more to do and learn here, and we'd all like to meet you. Feel free to use the 'introduce yourself' link below .........

10-29-2010, 11:49 PM	#4
charleski Wizard Posts: 1,196 Karma: 1281258 Join Date: Sep 2009 Device: PRS-505	A common mistake for those new to Sigil is to get the path wrong, since Sigil automatically stores assets in dedicated directories. Your cover page will need to have something like <div><img title="Cover" alt="Cover Image" class="cover" src="../Images/cover.jpg" /></div>

10-29-2010, 11:57 PM	#5
silverhurst Junior Member Posts: 4 Karma: 10 Join Date: Oct 2010 Device: Adiko (on Android)	Thanks for the replies, and the welcome. I had already set the semantics on the jpg, so there is no way to do that again since it would only recognize the last one chosen anyway. I figured out why the images weren't showing up... I had spaces in the names of the files. Once I changed the names of the files and replaced the images with the renamed ones (and added the semantics to the cover image), the images showed up when the ebook was opened in Adiko, however the book cover still doesn't show up in Adiko's bookshelf, only on the first page of the opened file. A second minor issue is that a second blank page shows up after the book cover, even though the only html within the body section on the page is the img src tag.

10-30-2010, 12:35 AM	#7
silverhurst Junior Member Posts: 4 Karma: 10 Join Date: Oct 2010 Device: Adiko (on Android)	Well, I figured out why my cover image didn't show up on the bookshelf thanks to charleski . Seems that the cover image has to actually be named "cover". I had named it after the title of the book Now I'm down to just the issue of the blank page after the cover image. Once that is solved my book will be perfect!

10-30-2010, 06:13 AM	#8
charleski Wizard Posts: 1,196 Karma: 1281258 Join Date: Sep 2009 Device: PRS-505	A typical piece of css for the cover image would be .cover { height: 100%; max-width: 100% } Add that to the css file. You don't really need the title attribute.

Advert

Advert