Help me with the cover

brittonal · 07-09-2012, 06:16 PM

I am having some difficulty getting the cover of a book I purchased to show on my Nook Simple Touch. I am editing the cover page in Sigil and it looks like this. All I'm trying to do is make the cover full screen as much as the nook will allow by using SVG but it doesn't show.

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></title>
  <link href="../Styles/LD.css" rel="stylesheet" type="text/css" />
  
<style type="text/css">
body.sgc-2 {margin: 0.00em;}
</style>
</head>

<body class="sgc-2">
  <div id="coverpage">
    <p class="center">&nbsp;</p>

    <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveaspectratio="xMidYMid meet" version="1.1" viewbox="0 0 523 712" width="100%" xlink="http://www.w3.org/1999/xlink">
      <image height="712" href="../Images/cover.jpg" width="523"></image>
    </svg>
  </div>

  <p class="breakhere">&nbsp;</p>
</body>
</html>

Tex2002ans · 07-09-2012, 09:01 PM

Quote:

Originally Posted by brittonal

I am having some difficulty getting the cover of a book I purchased to show on my Nook Simple Touch. I am editing the cover page in Sigil and it looks like this. All I'm trying to do is make the cover full screen as much as the nook will allow by using SVG but it doesn't show.

I don't know too much about how SVG exactly works, but I compared your output with output from Calibre's conversion, and I found these differences. I added them in and the cover began to work inside of Sigil (I assume it would work on the Nook as well):

Code:

<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveaspectratio="xMidYMid meet" version="1.1" viewbox="0 0 523 712" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="712" xlink:href="../Images/cover.jpg" width="523"></image>
</svg>

brittonal · 07-09-2012, 09:45 PM

Thanks for the reply. I'll make the changes and report back.

brittonal · 07-09-2012, 11:13 PM

I made those changes and saved and then restarted Sigil and Sigil removed those items in red that I added.

Toxaris · 07-10-2012, 01:14 AM

Try the following:

Code:

<image height="712" src="../Images/cover.jpg" width="523"></image>

brittonal · 07-10-2012, 01:37 AM

This is what the default coverpage html looks like when I got the book.

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></title>
  <link href="../Styles/LD.css" rel="stylesheet" type="text/css" />
  
<style type="text/css">
body.sgc-2 {margin: 0.00em;}
  img.sgc-1 {height: 100%}
</style>
</head>

<body class="sgc-2">
  <div id="coverpage">
    <p class="center"><img alt="cover" class="sgc-1" src="../Images/cover.jpg" /></p>
  </div>

  <p class="breakhere">&nbsp;</p>
</body>
</html>

brittonal · 07-10-2012, 01:40 AM

Quote:

Originally Posted by Toxaris

Try the following:

Code:

<image height="712" src="../Images/cover.jpg" width="523"></image>

I tried that too and its still just a blank cover page.

Tex2002ans · 07-10-2012, 02:19 AM

Maybe your cover file is ".jpeg" instead of ".jpg"?

Does the cover appear in the EPUB if you use the "Insert Image" button in Sigil?

Are you using the latest version of Sigil (0.5.3)?

If you don't care about their SVG, I would just erase their code and replace it with something along these lines:

Code:

<body style="margin:0px;text-align:center;">
  <div><img alt="image" src="../Images/cover.jpg" width="100%" style="max-width:530px; max-height:800px;" /></div>
</body>

The red section will make sure there are no margins on the cover page, and that the cover is centered horizontally on the screen.

The blue section will stretch the image to the edges of the viewing screen (keeps the correct ratio).

The green section is optional, and will make sure the image does not stretch beyond its actual resolution.

mrmikel · 07-10-2012, 06:40 AM

Make sure the file name of the image is the same case as your reference to it.

brittonal · 07-10-2012, 10:46 AM

Quote:

Originally Posted by Tex2002ans

Maybe your cover file is ".jpeg" instead of ".jpg"?

Does the cover appear in the EPUB if you use the "Insert Image" button in Sigil?

Are you using the latest version of Sigil (0.5.3)?

If you don't care about their SVG, I would just erase their code and replace it with something along these lines:

Code:

<body style="margin:0px;text-align:center;">
  <div><img alt="image" src="../Images/cover.jpg" width="100%" style="max-width:530px; max-height:800px;" /></div>
</body>

The red section will make sure there are no margins on the cover page, and that the cover is centered horizontally on the screen.

The blue section will stretch the image to the edges of the viewing screen (keeps the correct ratio).

The green section is optional, and will make sure the image does not stretch beyond its actual resolution.

The Images folder says its cover.jpg. If I don't use the SVG wrapper then the image shows.

brittonal · 07-10-2012, 11:30 AM

So I checked my version of Sigil. It says I had 0.5.9 from 6/20/2012? Was I using a beta version or what? I now have 0.5.3 for x64 and it seems at the moment to be working.

theducks · 07-10-2012, 01:03 PM

Quote:

Originally Posted by brittonal

So I checked my version of Sigil. It says I had 0.5.9 from 6/20/2012? Was I using a beta version or what? I now have 0.5.3 for x64 and it seems at the moment to be working.

the (V6) beta was 5.901 or 5.902

brittonal · 07-10-2012, 02:33 PM

Hrmm... I was kind of getting scared as my version was off and it kept removing items and adding stuff to the head and body tags that I didn't event type in there. I hope it was a legit copy.

brittonal · 07-10-2012, 02:41 PM

I also noticed that in split view, when you roll over a section of code, it doesn't highlight the area up top in the view section.

theducks · 07-10-2012, 02:41 PM

Quote:

Originally Posted by brittonal

Hrmm... I was kind of getting scared as my version was off and it kept removing items and adding stuff to the head and body tags that I didn't event type in there. I hope it was a legit copy.

Beta = may be buggy (and it was

)

Production should use a 'stable' version

Sigil WILL add boilerplate and required codes. Use a simple Text editor if you can't stand these insertions.

07-10-2012, 01:14 AM	#5
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	Try the following: Code: <image height="712" src="../Images/cover.jpg" width="523"></image>

07-10-2012, 02:19 AM	#8
Tex2002ans Wizard Posts: 2,297 Karma: 12126329 Join Date: Jul 2012 Device: Kobo Forma, Nook	Maybe your cover file is ".jpeg" instead of ".jpg"? Does the cover appear in the EPUB if you use the "Insert Image" button in Sigil? Are you using the latest version of Sigil (0.5.3)? If you don't care about their SVG, I would just erase their code and replace it with something along these lines: Code: <body style="margin:0px;text-align:center;"> <div><img alt="image" src="../Images/cover.jpg" width="100%" style="max-width:530px; max-height:800px;" /></div> </body> The red section will make sure there are no margins on the cover page, and that the cover is centered horizontally on the screen. The blue section will stretch the image to the edges of the viewing screen (keeps the correct ratio). The green section is optional, and will make sure the image does not stretch beyond its actual resolution.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Sell HP TouchPad 32gb NIB + ipad cover + non-reflective LCD cover	Waba	Flea Market	3	09-26-2011 12:45 PM
Touch Nook Touch Cover: 'Industriell Reader Cover' or 'M-Edge GO! Jacket Carbon Fiber'	lulalullah	Barnes & Noble NOOK	37	09-15-2011 02:51 AM
Ended Sony PRS-505 SC w/ Cover and Separate Wedge Light Cover in Canada	notsure	Flea Market	2	11-13-2010 03:28 PM
PRS-300 Pictures: Pink 300 + Sony red cover + custom cover	h0bbes	Sony Reader	5	01-04-2010 12:41 PM
Ended Red (Sangria) Sony PRS505 + Light Wedge Cover + Premium Tan Cover	sahmad88	Flea Market	2	09-15-2009 10:50 PM

07-09-2012, 09:45 PM	#3
brittonal Member Posts: 13 Karma: 10 Join Date: Jun 2012 Device: Nook Simple Touch GlowLight	Thanks for the reply. I'll make the changes and report back.

07-09-2012, 11:13 PM	#4
brittonal Member Posts: 13 Karma: 10 Join Date: Jun 2012 Device: Nook Simple Touch GlowLight	I made those changes and saved and then restarted Sigil and Sigil removed those items in red that I added.

07-10-2012, 06:40 AM	#9
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	Make sure the file name of the image is the same case as your reference to it.

07-10-2012, 11:30 AM	#11
brittonal Member Posts: 13 Karma: 10 Join Date: Jun 2012 Device: Nook Simple Touch GlowLight	So I checked my version of Sigil. It says I had 0.5.9 from 6/20/2012? Was I using a beta version or what? I now have 0.5.3 for x64 and it seems at the moment to be working.

07-10-2012, 02:33 PM	#13
brittonal Member Posts: 13 Karma: 10 Join Date: Jun 2012 Device: Nook Simple Touch GlowLight	Hrmm... I was kind of getting scared as my version was off and it kept removing items and adding stuff to the head and body tags that I didn't event type in there. I hope it was a legit copy.

07-10-2012, 02:41 PM	#14
brittonal Member Posts: 13 Karma: 10 Join Date: Jun 2012 Device: Nook Simple Touch GlowLight	I also noticed that in split view, when you roll over a section of code, it doesn't highlight the area up top in the view section.

Advert

Advert