Hi there. I'm trying to put together some books for Kindle and I'm having some trouble with local css styles.
Opening my epub file with Kindle Previewer, it worked perfectly for Kindle Fire. The thing is, the previews for other Kindle devices seem to be ignoring local css styles defined in the head section. The question is why.
Take this page for example:
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>Asuntos internos</title>
<link href="../Styles/template.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
p.sgc-1 {margin-top: 50%; text-align: center; margin-bottom: 0px; font-size: 1.5em;}
p.sgc-2 {text-align: center; text-style: italic; font-weight: normal; margin-top: 1%;}
/*]]>*/
</style>
</head>
<body>
<h1 id="heading_id_1" title="Asuntos internos"></h1>
<div class="story" id="title.xhtml" xml:lang="es-ES" xmlns:xml="http://www.w3.org/XML/1998/namespace">
<p class="TITULOS sgc-1">ASUNTOS INTERNOS</p>
<p class="TITULOS sgc-2">David Voloj</p>
</div>
</body>
</html>
Here's how it looks on KF:
Other Kindle devices:
Any suggestions?
