Nook Paragraph Spacing

poppies · 04-14-2011, 08:40 PM

Hi, I've created an ePub file which seems to work on ADE, Calibre, iBooks, etc.

However, when I load it onto Nook for Mac (to test for Nook users) the paragraphs all run together (i.e. have no margin) no matter how much "margin-top" or "margin-bottom" I add to the <p> tag.

Any ideas?

poppies · 04-19-2011, 12:22 AM

Turns out after much experimentation, Nook for Mac doesn't respect margins applied to <p> tags, only <div>. Seems strange.

Jellby · 04-19-2011, 05:23 AM

It might have some internal style for <p>, with a higher priority.

Try increasing the priority of your styles with one of these:

1. Add "!important" to the margin value.
2. Use a class for your <p>, and use it in the CSS style too.
3. Use a more specific selector, such as "body p".

If it works, I'd go for #3, it's easy, does not need extensive changes, does not break anything. I had a similar problem with <body> margins in the Cybook, and #3 worked (with "html body" as a selector)

poppies · 04-21-2011, 12:01 AM

#3 ended up working perfectly, that was a really graceful solution. Thanks so much!

04-14-2011, 08:40 PM	#1
poppies Junior Member Posts: 3 Karma: 10 Join Date: Apr 2011 Device: none	Nook Paragraph Spacing Hi, I've created an ePub file which seems to work on ADE, Calibre, iBooks, etc. However, when I load it onto Nook for Mac (to test for Nook users) the paragraphs all run together (i.e. have no margin) no matter how much "margin-top" or "margin-bottom" I add to the <p> tag. Any ideas?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Paragraph spacing	Banks	ePub	2	08-09-2012 05:24 PM
What sort of paragraph spacing do you prefer?	bfollowell	Workshop	4	10-27-2010 09:04 PM
Paragraph spacing	jhempel24	Calibre	5	08-24-2010 12:14 AM
Questions about <p> and <div> and paragraph spacing	droople	Sigil	7	08-14-2010 12:03 PM

04-19-2011, 12:22 AM	#2
poppies Junior Member Posts: 3 Karma: 10 Join Date: Apr 2011 Device: none	Turns out after much experimentation, Nook for Mac doesn't respect margins applied to <p> tags, only <div>. Seems strange.

04-19-2011, 05:23 AM	#3
Jellby frumious Bandersnatch Posts: 7,543 Karma: 19001583 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	It might have some internal style for <p>, with a higher priority. Try increasing the priority of your styles with one of these: 1. Add "!important" to the margin value. 2. Use a class for your <p>, and use it in the CSS style too. 3. Use a more specific selector, such as "body p". If it works, I'd go for #3, it's easy, does not need extensive changes, does not break anything. I had a similar problem with <body> margins in the Cybook, and #3 worked (with "html body" as a selector)

04-21-2011, 12:01 AM	#4
poppies Junior Member Posts: 3 Karma: 10 Join Date: Apr 2011 Device: none	#3 ended up working perfectly, that was a really graceful solution. Thanks so much!