Strange, specific bug rendering centered text w/ p class command in Nook touch

[ljcblue]

My apologies if this is something already discussed, but I searched the forums for some time without finding the issue.

I create my epubs by hand in sigil from html.

I have a dead simple stylesheet (pasted below).

I've run into a strange problem that I've only seen on the Nook Simple Touch, in which when I use <p class="p-center"> for a centered element, when using SOME combinations of font size and margins, part of the final word is just cut off on the device, not rolled over to another line or page.

It renders fine on my computer in ADE. No issues in iBooks. The EPUB validates.

I've had to add a designation for centered text in my CSS: center { display: block; text-align: center; margin: 0;
padding: 0; text-indent: 0
}

And enclose the desired text in <center> </center>, rather than use a <p class> command in order for it to render properly at all font sizes and margin settings on the nook.

Any ideas why?? My other <p class> commands work.


This is my stylesheet:

/* This defines styles and classes used in the book */


p { text-indent: 1.7em; text-align: justify; margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0;
}

/*the nook simple touch doesn't like the p class for centering for some reason. This works. */

center { display: block; text-align: center; margin: 0;
padding: 0; text-indent: 0
}

/* These next 2 styles are to ensure centered chapter headings. */
.chapterheading { display: block; text-align: center; margin-top: 5em; margin-bottom: 3em;
margin-left: 0;
margin-right: 0;
text-indent: 0
}

.h1 { font-size: 1.2em; font-weight: bold }


.p-first { text-indent: 0; text-align: justify; margin: 0; padding: 0;
}

/*the nook simple touch does NOT like this next setting and will give unpredictible results if used to set centered text */

.p-center { display: block; text-align: center; margin: 0;
padding: 0; text-indent: 0
}


.p-scenebreak { width: 100%; text-indent: 0; text-align: center; font-size: 1.5em;
margin-top: 1em; margin-bottom: 1em;
padding: 0;
}

[RbnJrg]

Originally Posted by ljcblue

My apologies if this is something already discussed, but I searched the forums for some time without finding the issue.

I create my epubs by hand in sigil from html.

I have a dead simple stylesheet (pasted below).

I've run into a strange problem that I've only seen on the Nook Simple Touch, in which when I use <p class="p=center"> for a centered element, when using SOME combinations of font size and margins, part of the final word is just cut off on the device, not rolled over to another line or page.

It renders fine on my computer in ADE. No issues in iBooks. The EPUB validates.

I've had to add a designation for centered text in my CSS: center { display: block; text-align: center; margin: 0;
padding: 0; text-indent: 0
}

And enclose the desired text in <center> </center>, rather than use a <p class> command in order for it to render properly at all font sizes and margin settings on the nook.

Any ideas why?? My other <p class> commands work.


This is my stylesheet:

/* This defines styles and classes used in the book */


p { text-indent: 1.7em; text-align: justify; margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0;
}

/*the nook simple touch doesn't like the p class for centering for some reason. This works. */

center { display: block; text-align: center; margin: 0;
padding: 0; text-indent: 0
}

/* These next 2 styles are to ensure centered chapter headings. */
.chapterheading { display: block; text-align: center; margin-top: 5em; margin-bottom: 3em;
margin-left: 0;
margin-right: 0;
text-indent: 0
}

.h1 { font-size: 1.2em; font-weight: bold }


.p-first { text-indent: 0; text-align: justify; margin: 0; padding: 0;
}

/*the nook simple touch does NOT like this next setting and will give unpredictible results if used to set centered text */

.p-center { display: block; text-align: center; margin: 0;
padding: 0; text-indent: 0
}


.p-scenebreak { width: 100%; text-indent: 0; text-align: center; font-size: 1.5em;
margin-top: 1em; margin-bottom: 1em;
padding: 0;
}

In your css stylesheet you have defined the style "p-center" but in your html file you are using:

<p class="p=center">

So, it seems that your issue is due to an typing error You should have written <p class="p-center"> instead of <p class="p=center">

Regards
Rubén

[ljcblue]

Originally Posted by RbnJrg

In your css stylesheet you have defined the style "p-center" but in your html file you are using:

<p class="p=center">

So, it seems that your issue is due to an typing error You should have written <p class="p-center"> instead of <p class="p=center">

Regards
Rubén

Ruben - thanks for your reply. That typo was only on this post, actually, not in my actual epub. In the epub, using <p class="p-center"> shows the problem as indicated. I will edit the original post to remove the typo.