Paperwhite ignores indents

[Hitch]

Originally Posted by JSWolf

Post your entire CSS so we can have a look at it.

Wolfie:

It's also somewhat possible that it could be in the HTML. But, yes: seeing the entire CSS would indeed help.

Hitch

[JSWolf]

Originally Posted by Hitch

Wolfie:

It's also somewhat possible that it could be in the HTML. But, yes: seeing the entire CSS would indeed help.

Hitch

Yes, I thought that too. But if it's not in the CSS then we can see the HTML.

[Hitch]

Originally Posted by JSWolf

Yes, I thought that too. But if it's not in the CSS then we can see the HTML.

Of course.

Hitch

[dgatwood]

Want a good approximation of what KF8 readers will do? Open the HTML files in Safari, other WebKit-based browsers, or Chrome. These browsers will let you turn rules off individually, inspect metrics, etc., and with the exception of a handful of bugs specific to the GTK WebKit that Amazon used, a few quirks where Amazon deliberately ignores line height less than 1.2, and Paperwhite's tendency to use an insanely large base font size scaled down (IIRC), which messes with anybody who tries to use explicit point sizes or pixel sizes, you'll usually get a very similar rendering.

[Hitch]

Originally Posted by dgatwood

Want a good approximation of what KF8 readers will do? Open the HTML files in Safari, other WebKit-based browsers, or Chrome. These browsers will let you turn rules off individually, inspect metrics, etc., and with the exception of a handful of bugs specific to the GTK WebKit that Amazon used, a few quirks where Amazon deliberately ignores line height less than 1.2, and Paperwhite's tendency to use an insanely large base font size scaled down (IIRC), which messes with anybody who tries to use explicit point sizes or pixel sizes, you'll usually get a very similar rendering.

Dag:

You sure talk sexy for a squirrel.

Hitch

[brahms]

hi, sorry for the delay getting back.

The css is 300 lines (including spaces). What's the best way of me posting that?

[HarryT]

Enclose it in "spoiler" tags.

Spoiler:

Like this.

[Hitch]

Originally Posted by brahms

hi, sorry for the delay getting back.

The css is 300 lines (including spaces). What's the best way of me posting that?

OR, if you want to save space/etc., just copy it to txt and attach it to your post. Or as .css. Whatever.

Hitch

[brahms]

Hi, that's it attached as .txt.

Thanks

[Doitsu]

Originally Posted by brahms

Hi, that's it attached as .txt.

There are a couple of syntax errors in your stylesheet:

h2.toc {
	text-align: left; /* semicolon missing */
	font-size: 0.5em;
}

p.paraspacebefore {
	/* lines removed */
	margin: 1em 0 0 0; /* unit missing */
	/* lines removed */
}

Also KindleGen will ignore all -epub and adobe-hyphenate entries.

[dgatwood]

CSSLint is your friend.

[JSWolf]

delete post

[JSWolf]

Here is the CSS cleaned up somewhat.

body {
orphans: 1;
widows: 1;
}
h1.authorname {
text-indent: 0;
text-align: center;
font-weight: normal;
font-size: 1.25em;
margin-left: 5%;
margin-right: 5%;
margin-top: 15%;
margin-bottom: 0;
}
h1.smallcapstitle {
text-align: center;
font-weight: normal;
margin-top: .5em;
margin-bottom: 1em;
font-size: 2.5em;
text-transform: lowercase;
letter-spacing: .1em;
font-variant: small-caps;
}
h2.chaptername {
text-align: center;
margin-top: 1.5em;
margin-bottom: 2em;
margin-left: 2%;
margin-right: 2%;
font-size: 1.5em;
font-weight: normal;
text-transform: lowercase;
letter-spacing: .1em;
font-variant: small-caps;
}
h2.about {
text-align: center;
margin-top: 2em;
margin-bottom: 1.5em;
margin-left: 2%;
margin-right: 2%;
font-size: 1em;
font-weight: normal;
text-transform: lowercase;
letter-spacing: .1em;
font-variant: small-caps;
}
h2.toc {
font-size: .5em;
}
h5.copyrighthead {
text-indent: 0;
font-size: 1em;
text-transform: uppercase;
margin-top: 2em;
margin-bottom: 1em;
font-weight: normal;
}
p.firstpara {
text-indent: 0;
font-size: 1em;
margin: 0;
font-weight: normal;
}
p.para {
text-indent: 1.2em;
margin: 0;
font-weight: normal;
}
p.paraspacebefore {
text-indent: 0;
margin: 1em 0 0 0;
font-weight: normal;
}
p.spaced {
text-indent: 0;
font-size: .85em;
margin: 1em 0 1em 0;
font-weight: normal;
}
p.nospace {
text-indent: 0;
font-size: .85em;
margin: 0;
font-weight: normal;
}
p.centred {
text-align: center;
text-indent: 0;
font-weight: normal;
}
p.connect {
font-size: 1em;
margin-top: 1em;
text-align: center;
text-indent: 0;
font-weight: normal;
}
p.acknowl {
font-size: 1em;
margin-top: 1em;
text-indent: 0;
font-weight: normal;
}
p.copyrighttext {
text-indent: 0;
font-size: .85em;
margin-top: .5em;
margin-bottom: 0;
}
p.sectionbreak {
text-indent: 0; 
margin: 1em 0 1em 0;
text-align: center;
vertical-align: -0.5em;
}
IMG.titleornament {
page-break-before: avoid;
text-indent: 0;
margin: 0;
margin-top: 40%;
}
/*==Chapter ornament, expands up to 2000px while keeping aspect ratio==*/
div.landscape_large {
text-align: center;
page-break-inside: avoid;
overflow: hidden;
clear: both;
margin: 1.5em auto;
width: 100%;
}
div.landscape_large img {
page-break-inside: avoid;
margin-bottom: 5%;
width: 100%;
}
div.centred {
text-align: center;
}
span.centred {
text-align: center;
}
span.i { 
font-style: italic; 
} 
span.b { 
font-weight: bold; 
} 
span.sm {
font-variant: small-caps;
}
span.dropcap { 
float: left;
font-size: 2em;
margin-bottom: -0.1em; 
font-weight: normal; 
}
ul { 
margin: 1em 0 0 2em; 
} 
ul.spaced { 
margin: 1em 0 1em 2em; 
list-style-type: none;
} 
ul.toc { 
margin: 1em 0 1em 0;
font-size: 1em; 
list-style-type: none;
} 
ol {
margin: 1em 0 0 2em; 
}

[Hitch]

Originally Posted by Doitsu

There are a couple of syntax errors in your stylesheet:

<snip CSS>

Also KindleGen will ignore all -epub and adobe-hyphenate entries.

Yes, that. ^ Fix the mistakes, remove the -ePUB and adobe entries, just so you have an easier time troubleshooting.

Also, I too would suggest CSSLint. You have some...not coding ERRORS, per se, but things you oughtn't to do. For example, you appear to be using H1 as a STYLING mechanism, rather than a hierarchal mechanism. This is not good. I will forebore my ubiquitous lecture on the topic of "pay attention to what things ARE, not what they look like," but take that sentence to heart. (You hear it so often around here that even notjohn is beginning to repeat it at the KDP.)

Now...I do not see--I admit it--why on earth the PPW is giving you fits. Of course, we're only viewing the CSS. It's a tiny bit limiting. :-)

I have two comments, which may or may not be relevant:

I notice that you don't have p itself defined. I know that this sounds ridiculous--and I have no proof--but lately, it seems like everyone who comes to me with some weird problem has NOT defined the basic p class. Worst case, it won't hurt.

For the purposes of troubleshooting, I'd do two things in this regard--I'd define the fundamental p class, as the first-line indent, no margin element you want it to be, AND, I'd move the p.para above (earlier) in the CSS sheet than p.firstpara. So, p first, then p.para, then p.firstpara.

(BTW: p.para is redundant. You can just define P as this class, and omit p.para altogether, for what that's worth.)

Are you testing on a real Paperwhite or the emulator?

I would do each of those things, one at a time, to see if it makes ANY difference. Also, if you are not testing on a real paperwhite, send it to someone who has it (the post-Step 7 mobi, not your post-Kindlegen mobi), and see if they see the same thing. The Previewer IS very reliable, I find; it never hurts to be sure.

So: clean up the CSS mistakes, step 1. Test that. Add the basic p class, step 2. Test that. Move the classes around to the proper order of inheritance, step 3, test that.

If none of that works--you have a real conundrum. P.S.: if you are not testing on real devices, how do you know if your font call to Georgia is working? Given that the Fire emulator only displays Georgia, generally?

Hitch

[brahms]

Thanks for all. I'll follow the advice.

Just my luck, Amazon have removed the Paperwhite emulation from the Kindle previewer, and it automatically updated. I'll have to dig around for the old one.

Trying to buy an old Paperwhite atm. Nobody I know round here has a kindle of any kind.