Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 05-23-2014, 10:25 AM   #1
ljcblue
Junior Member
ljcblue began at the beginning.
 
Posts: 3
Karma: 10
Join Date: Mar 2009
Device: Kindle 1
Strange, specific bug rendering centered text w/ p class command in Nook touch

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;
}

Last edited by ljcblue; 05-23-2014 at 12:44 PM. Reason: typo in the post picked up by Ruben. Thank you!
ljcblue is offline   Reply With Quote
Old 05-23-2014, 12:40 PM   #2
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 450
Karma: 318994
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by ljcblue View Post
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
RbnJrg is offline   Reply With Quote
Old 05-23-2014, 12:43 PM   #3
ljcblue
Junior Member
ljcblue began at the beginning.
 
Posts: 3
Karma: 10
Join Date: Mar 2009
Device: Kindle 1
Quote:
Originally Posted by RbnJrg View Post
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.
ljcblue is offline   Reply With Quote
Reply

Tags
bug, centering, nook, p class

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Conversion ePub -> azw3, text centered apeiron75 Calibre 0 05-18-2013 12:28 PM
Interesting PW bug, everything centered twowheels Amazon Kindle 1 02-01-2013 12:27 PM
.epub hyperlinks, centered and non indented text. Xabache ePub 2 09-13-2010 01:11 PM
Centered and right aligned text for Stanza on iPhone Arjen ePub 6 06-17-2010 12:19 PM
Strange rendering of table contents ckirchho ePub 0 05-28-2009 10:51 AM


All times are GMT -4. The time now is 03:11 AM.


MobileRead.com is a privately owned, operated and funded community.