View Single Post
Old 07-24-2011, 07:07 PM   #1
graycyn
Wizard
graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.graycyn ought to be getting tired of karma fortunes by now.
 
Posts: 1,496
Karma: 11250344
Join Date: Aug 2010
Location: NE Oregon
Device: Kobo Sage, Forma, Kindle Oasis 2, Sony PRS-T2
Validation error: svg cover

I've been using Sigil 0.2.4, but just today finally got around to installing v0.4.0 for 64-bit so I can use the validation checker. All looks familiar and good. I just did the validation check on the first ePub I've been working on and I came up with one error.

Here is the text from the error message:

OEBPS/Text/cover.xhtml Line 25
element 'svg' is not allowed for content model '(p|hl|h2|h3|h4|h5|h6|div|ul|ol|dl|pre|hr|blockquo te|address|fieldset|table|switch|form|noscript|ins |del|script)'

And I have no idea what is wrong or how to fix it! Further, the XHTML code ends at line 24, there is no line 25! I'm sort of new to this whole making my own epub thing. The epub does work in ADE and on both my Nook (original) and Sony 950 with no problems.

Here is the HTML for my cover page and I thought I had all this correct for displaying the cover:

Code:
<?xml version="1.0"?> <!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" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:lang="en">
 <head>
   <meta content="true" name="calibre:cover" />
    <title>Cover</title>
   
 <style type="text/css">
 @page {padding: 0pt; margin: 0pt;
   }
   body {text-align: center; padding:0pt; margin: 0pt; 
   }
 </style>
 </head>
  <body>
   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 800" width="100%">
     <image height="800" width="600" xlink:href="../Images/cover_800H.jpg"></image>
   </svg>
 </body>
 </html>
If anyone can help, I'd appreciate it! Is there something I need to add to the CSS to make this work?
graycyn is offline   Reply With Quote