CSS not found

4 posts / 0 new
Last post

Hi friends!
I have a problem in the development of ePub with Sigil ...
the link to the file. CSS, specified in the file. xhtml, is ignored and all CSS rules do not apply ...

eg. I have a file footer.css that is invoked from pages .xhtml with:
href="../Styles/footer.css" <link rel="stylesheet" type="text/css" />

but the CSS rules are not applied
only on Ipad and Sigil, are applied ...
Adobe Digital Editions and Kindle, nothing to do ...
The file. CSS was created by Sigil and is located in the default location (folder Styles).

Do you have any advice?

Thank you for your answers!

If I understand what you are asking, you have styles that work on iBooks on iPad and on Sigil but don't work on Adobe Digital Editions and when EPUB is converted (presumably via Kindlegen?) to .mobi. If that is the case I would check what is the CSS rule(s) you are trying to apply - ADE which is EPUB 2 and Kindle don't support all of modern CSS. Try something basic and simple and see if it works and of course check the xhtml in a browser. Also I assume your example erroneously showed the href outside the link element  and in your source code it's properly inside (did you validate your EPUB with epubcheck?).

Hi bill,
validation is ok
this is my CSS:

p#footer:after
{
font-size:50%;
font-style:italic;
content:"Collana ebook 2013";
}

*** and this is xhtml 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/footer.css" rel="stylesheet" type="text/src" /]
[/head]

[body]
....
....
[p id="footer"][/p]
[/body]
[/html]

Thanks!

The :after pseudo-element is not going to work on Kindle or other older systems.

See http://www.amazon.com/gp/feature.html?ie=UTF8&docId=1000729901.

Secondary menu