MobileRead Forums - View Single Post - Using Sigil to get Cover to be default first page

rosshalde · 12-13-2014, 10:44 PM

Toxaris,

Here is the code from the cover of my Sigil doc. Is this what you have in mind?

<?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>
<link href="../Styles/book.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<h1 class="hidden">Cover</h1>

<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1306 1642" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="1642" width="1306" xlink:href="../Images/Cover%20A%20Story%20of%20St.%20Catherine%20of%20Al exandria1.jpg" /></svg>
</div>
</body>
</html>

This worked. I gave me the best of both worlds. The cover now defaults as the first page when I open the file on Kobo, and it got rid of the pushing down the picture problem on the Nook. Thank you. Now, please explain what the heck we just did. Here is what I think, but please correct me.

1) the <h1> tag allows me to add it to the TOC
2) the hidden class tells the e-reader to provide no space for the <h1> tag which got rid of the Nook pushing down the <h1>
What I don't understand is how this <h1> tag point to the pic at all.
Usually I would do something like
<div class="image"><h1 title="Cover"><image></h1></div>
In that case I can see that the <h1> is within the <div> related to the image, but in the case above, the <h1 class="hidden">Cover</h1> seems to be floating in the middle of nowhere and I am unsure how it gets the image to show up. is it just because there is nothing else in the file to point to at all?

12-13-2014, 10:44 PM	#6
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	Toxaris, Here is the code from the cover of my Sigil doc. Is this what you have in mind? <?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> <link href="../Styles/book.css" rel="stylesheet" type="text/css" /> </head> <body> <div style="text-align: center; padding: 0pt; margin: 0pt;"> <h1 class="hidden">Cover</h1> <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1306 1642" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="1642" width="1306" xlink:href="../Images/Cover%20A%20Story%20of%20St.%20Catherine%20of%20Al exandria1.jpg" /></svg> </div> </body> </html> This worked. I gave me the best of both worlds. The cover now defaults as the first page when I open the file on Kobo, and it got rid of the pushing down the picture problem on the Nook. Thank you. Now, please explain what the heck we just did. Here is what I think, but please correct me. 1) the <h1> tag allows me to add it to the TOC 2) the hidden class tells the e-reader to provide no space for the <h1> tag which got rid of the Nook pushing down the <h1> What I don't understand is how this <h1> tag point to the pic at all. Usually I would do something like <div class="image"><h1 title="Cover"><image></h1></div> In that case I can see that the <h1> is within the <div> related to the image, but in the case above, the <h1 class="hidden">Cover</h1> seems to be floating in the middle of nowhere and I am unsure how it gets the image to show up. is it just because there is nothing else in the file to point to at all?