Sigil adding blank page after cover image - Page 2

Jellby · 01-07-2013, 04:22 AM

What about the   after the image?

If the image occupies the whole screen, the   would require a new (blank) page.

Ripplinger · 01-07-2013, 04:28 AM

No, I also removed that   and the result was the same... a blank page after the cover page. It's mentioned in a few more posts down that it was also removed to try, but I should take it out of the sample in the previous post to avoid the confusion.

Edit: It's mentioned in the same post actually, but I added in the extra code without the   as well.

Dillinquent · 01-11-2013, 08:53 AM

Quote:

Originally Posted by grannyGrumpy

After being bugged by off-center images, I finally figured it out to add text-indent:0 to stylings for images. I wish it would be that way by default when you use "center", but oh well, live and learn.

It's to do with the the way styles "cascade" - if <p> is set to have an indent then all paragraphs will be indented regardless of their class and you will have to explicitly remove the indent in your style definition if you don't want the indent.

ebookn00b · 05-09-2013, 11:24 AM

I have compiled a ePub in Sigil. I have added the Cover Semantic to the cover.html file as well as the actually image used for the cover. The cover of the ePub shows up in the thumbnail view on the iBooks shelf, however when I open the ePub in iBooks normally the first page that is shown is the cover however with this ePub it displays a blank page followed by the TOC and next the Title page. I see nothing that stands out in the code that would cause this.
The code for the cover is as follows. As you can see I bumped the width and height down to 75% thinking that the 100% setting was causing the issue.

Code:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!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>Cover</title>
</head>

<body>
  <div style="text-align: center; padding: 0pt; margin: 0pt;">
    <svg xmlns="http://www.w3.org/2000/svg" height="75%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 612 792" width="75%" xmlns:xlink="http://www.w3.org/1999/xlink">
      <image width="612" height="792" xlink:href="../Images/Pages from Journal_10-12_NGS_Final.jpg"></image>
    </svg>
  </div>
</body>
</html>

exaltedwombat · 05-09-2013, 01:39 PM

Quote:

Originally Posted by ebookn00b

I just rarely view ePubs in ADE because of the way it sometimes displays things different than the iPad does.

It's really "the iPad sometimes displays things different to the standard" :-)

If these ebooks are only for your personal use, and will always be viewed on an iPad, there could be a lot to be said for using pdf.

GMcG · 05-10-2013, 03:38 AM

What happens, if you leave out any styles and sizes and use this simple line only:
<body>
<p><img alt="cover" height="95%" src="../Images/cover.jpg" /></p>
</body>
And then you reduce the percentage until it fits?

George

Edit: In Calibre it is said, that some devices like iPhone and JetBook Lite don't support SVG. They show a blank page instead. So what about iPad?

George

LynxeBook · 06-18-2013, 01:38 AM

I have also found that putting the image in a <div> (with zero margin, set in CSS) rather than a <p> helps prevent blank pages.[/QUOTE]

Just wanted to say thank you for your post. For the last two days I've been racking my head, going through every tag, file, settings I could think of while working in Sigil to try and remove a couple stinking blank pages that appeared before and after the cover image/page. I was opening up every ePub I could get my hands on w/o DRM installed so that I could try and find some big mistake I had made. I completely missed, nor would I have even thought, the <p> tags would have been an issue. I changed to <div> and made some tweaks to style.css and Halleluyah, bye bye blank pages. Thanks again.

Turtle91 · 06-18-2013, 09:02 AM

Quote:

Originally Posted by GMcG

What happens, if you leave out any styles and sizes and use this simple line only:
<body>
<p><img alt="cover" height="95%" src="../Images/cover.jpg" /></p>
</body>
And then you reduce the percentage until it fits?

George

Edit: In Calibre it is said, that some devices like iPhone and JetBook Lite don't support SVG. They show a blank page instead. So what about iPad?

George

There are many ereader applications that run on an iPad/iPhone - you need to specify which one you are interested in. I have heard that iBooks doesn't follow the epub specifications very well...for that and many other reasons I choose not to use iBooks. I have found that Marvin does a very nice job of displaying SVG wrapped images. As of right now, it is only released for the iPad, but it will be available on the iPhone very, very soon.

LaPlanet · 06-18-2013, 04:06 PM

I have a similar problem, when click the miniature in ibooks open the first page with a icon "?" I've copy the cover.html from another ok e-pub (that shows the cover in the first page) but don´t run in this one. I've copy too the stylesheet. I have change the route. Please, help!

theducks · 06-18-2013, 05:39 PM

Quote:

Originally Posted by LaPlanet

I have a similar problem, when click the miniature in ibooks open the first page with a icon "?" I've copy the cover.html from another ok e-pub (that shows the cover in the first page) but don´t run in this one. I've copy too the stylesheet. I have change the route. Please, help!

If the file image really exists, this is usually is a case of CASE-name mismatch. even the extension must match: jpg does not match jpeg,
also. sigil image paths always start with dot dot slash Images <-note the I

Notjohn · 06-19-2013, 09:40 AM

Quote:

Originally Posted by Dillinquent

I always set the cover image height to
95% for that very reason.

Interesting! I have been setting my images as width="98%" so that
they will display more or less full screen in the Fire HD and
especially the 8.9 inch tablet. A traditional (American) photo is
scaled something like 8x10, while the Fire tablets (I'm not
certain about the iPads) are comparatively skinny, so that
calling for 95 percent of the height would be asking for the
image to be squeezed. What happens in such a case? Is it cropped
right and left, or is the picture elongated like an El Greco?

I do much the same with my publisher logo. I used to specify
25x25 pixels, but now I go width="12%".

exaltedwombat · 06-19-2013, 12:32 PM

Quote:

Originally Posted by Notjohn

Interesting! I have been setting my images as width="98%" so that
they will display more or less full screen in the Fire HD and
especially the 8.9 inch tablet. A traditional (American) photo is
scaled something like 8x10, while the Fire tablets (I'm not
certain about the iPads) are comparatively skinny, so that
calling for 95 percent of the height would be asking for the
image to be squeezed. What happens in such a case? Is it cropped
right and left, or is the picture elongated like an El Greco?

Why 98% 0r 95%? Why not 100%?

I guess the art of ebook cover design is to make something that scales to 800 x 600 (though don't Apple now require a minimum of 1000 pixels o the shorter side, to make their Retina screens look good?), which wouldn't suffer from a little cropping and which bleeds off into a plain colour, which can be matched by a background setting.

Then, whatever damage any particular device may decide to inflict, you've done as much as you CAN do to get a pleasant result.

graycyn · 06-19-2013, 01:22 PM

Quote:

Originally Posted by Turtle91

There are many ereader applications that run on an iPad/iPhone - you need to specify which one you are interested in. I have heard that iBooks doesn't follow the epub specifications very well...for that and many other reasons I choose not to use iBooks. I have found that Marvin does a very nice job of displaying SVG wrapped images. As of right now, it is only released for the iPad, but it will be available on the iPhone very, very soon.

As I do not have an iPad, may I ask how well Marvin supports CSS? Wondering if I should recommend to a friend.

Turtle91 · 06-19-2013, 03:18 PM

Quote:

Originally Posted by graycyn

As I do not have an iPad, may I ask how well Marvin supports CSS? Wondering if I should recommend to a friend.

From my personal testing it is the best one out there. It is not perfect, but when an issue is brought up Kris works really hard (and fast) to get it remedied.

There is a lot of coding mumbo-jumbo going on in the background to see the Marvin display which looks great, but if you want to see how the publisher's (or your) css looks - you need to select "publisher settings" in the inbook settings page.

Cheers!

graycyn · 06-20-2013, 03:37 AM

Nice to know! Wish it would come to Android so I could see it for myself. Though it might have to go some to beat my favorite, Mantano Reader. Still, I'm glad to hear there is something I can recommend to my friend!

01-07-2013, 04:28 AM	#17
Ripplinger 350 Hoarder Posts: 3,587 Karma: 8281267 Join Date: Dec 2010 Location: Midwest USA Device: Sony PRS-350, Kobo Glo & Glo HD, PW2	No, I also removed that   and the result was the same... a blank page after the cover page. It's mentioned in a few more posts down that it was also removed to try, but I should take it out of the sample in the previous post to avoid the confusion. Edit: It's mentioned in the same post actually, but I added in the extra code without the   as well. Last edited by Ripplinger; 01-07-2013 at 05:08 AM.

05-09-2013, 11:24 AM	#19
ebookn00b Member Posts: 19 Karma: 10 Join Date: Apr 2012 Device: Kindle Fire, iPad 2	blank page issue again I have compiled a ePub in Sigil. I have added the Cover Semantic to the cover.html file as well as the actually image used for the cover. The cover of the ePub shows up in the thumbnail view on the iBooks shelf, however when I open the ePub in iBooks normally the first page that is shown is the cover however with this ePub it displays a blank page followed by the TOC and next the Title page. I see nothing that stands out in the code that would cause this. The code for the cover is as follows. As you can see I bumped the width and height down to 75% thinking that the 100% setting was causing the issue. Code: <?xml version="1.0" encoding="utf-8" standalone="no"?> <!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>Cover</title> </head> <body> <div style="text-align: center; padding: 0pt; margin: 0pt;"> <svg xmlns="http://www.w3.org/2000/svg" height="75%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 612 792" width="75%" xmlns:xlink="http://www.w3.org/1999/xlink"> <image width="612" height="792" xlink:href="../Images/Pages from Journal_10-12_NGS_Final.jpg"></image> </svg> </div> </body> </html>

05-10-2013, 03:38 AM	#21
GMcG Writer Posts: 101 Karma: 590630 Join Date: Mar 2011 Location: Munich, Germany Device: none	What happens, if you leave out any styles and sizes and use this simple line only: <body> <p><img alt="cover" height="95%" src="../Images/cover.jpg" /></p> </body> And then you reduce the percentage until it fits? George Edit: In Calibre it is said, that some devices like iPhone and JetBook Lite don't support SVG. They show a blank page instead. So what about iPad? George Last edited by GMcG; 05-10-2013 at 10:50 AM.

06-18-2013, 01:38 AM	#22
LynxeBook Junior Member Posts: 1 Karma: 10 Join Date: Jun 2013 Location: Lone Star State Device: iPad/imac	Thanks I have also found that putting the image in a <div> (with zero margin, set in CSS) rather than a <p> helps prevent blank pages.[/QUOTE] Just wanted to say thank you for your post. For the last two days I've been racking my head, going through every tag, file, settings I could think of while working in Sigil to try and remove a couple stinking blank pages that appeared before and after the cover image/page. I was opening up every ePub I could get my hands on w/o DRM installed so that I could try and find some big mistake I had made. I completely missed, nor would I have even thought, the <p> tags would have been an issue. I changed to <div> and made some tweaks to style.css and Halleluyah, bye bye blank pages. Thanks again.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

01-07-2013, 04:22 AM	#16
Jellby frumious Bandersnatch Posts: 7,570 Karma: 20150435 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	What about the   after the image? If the image occupies the whole screen, the   would require a new (blank) page.

06-18-2013, 04:06 PM	#24
LaPlanet Junior Member Posts: 5 Karma: 10 Join Date: Jun 2013 Device: ipad	I have a similar problem, when click the miniature in ibooks open the first page with a icon "?" I've copy the cover.html from another ok e-pub (that shows the cover in the first page) but don´t run in this one. I've copy too the stylesheet. I have change the route. Please, help!

06-20-2013, 03:37 AM	#30
graycyn Wizard Posts: 1,592 Karma: 11722446 Join Date: Aug 2010 Location: NE Oregon Device: Kobo Sage, Pocketbook Era, Kobo Forma, Kindle Oasis 2	Nice to know! Wish it would come to Android so I could see it for myself. Though it might have to go some to beat my favorite, Mantano Reader. Still, I'm glad to hear there is something I can recommend to my friend!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Page blank before and after book image page	osiris12	Sigil	12	05-28-2015 05:27 PM
Image (was Sigil) creates a blank page	p3aul	ePub	3	09-26-2012 11:17 AM
iPad I found the uwnated blank pages before and after for each full-page image on iPad.	Vengadesan	Apple Devices	1	07-07-2011 02:23 AM
[Old Thread] epub -> mobi conversion; blank page after image	joubert	Calibre	10	03-07-2011 06:26 PM
Adding cover image	miwie	Library Management	9	03-04-2011 11:39 AM

Advert

Advert