I took your advice and decided to start a fresh project with a blank CSS and try to code everything myself. I am running into a problem. Sigil and iBook look ok, but the Nook and the Kobo aren't recognizing anything. Everything in just plain old <p>. My entire CSS is ignored even though it looks fine in Sigil and on iBook.n My guess is it is something at the top of my code that I usually don't have to mess with. Here is a short chapter and the CSS. Any direction would be greatly appreciated. Also, am I getting the idea correct about paragraph and how to use classes to alter from the basic paragraph?
code first
<?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/Style0001.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p class="s1">Primer</p>
<div class="stanza">
<p>Here is a book</p>
<p>For all girls and boys,</p>
<p>I hope it will bring them</p>
<p>Many joys.</p>
<p>I hope it will teach them</p>
<p>To use their eyes.</p>
<p>I hope it will make them</p>
<p>Very wise.</p>
</div>
<p class="s2">(To be read to the class by the teacher.)</p>
</body>
</html>
now CSS
p{
text-align:justify;
font-size: 100%;
text-indent: 40px;
}
.s1{
text-align:center;
font-size: 120%;
font-weight: bold;
}
.s2{
font-style:italic;
font-size: 85%;
}
.s3{
font-style: italic;
font-size: 85%;
text-align: center;
}
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
.stanza {
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 2em;
text-align: left;
.stanza p {
padding-left: 2em;
text-indent: -2em;
}