06-15-2011, 01:52 PM | #1 |
Connoisseur
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
|
problem with spacing between paragraphs in ADE
Hi all
I have several files with bulleted lists, which are followed by "normal" paragraphs, all styled by my CSS file. Everything looks good when viewed in Sigil (and iBooks I think – haven’t got access to an iPad at the moment) but the problem is when viewed in ADE or the Sony Reader Library software (which I understand uses the ADE engine) sometimes there's a gap between the bullet list and the next para and sometimes not. Looking at the code in Sigil I can't see any difference between one instance where in ADE it looks wrong and another where it looks right. Example which looks right; Code:
<p class="main-text-no-para-indent">blah blah blah could usefully be considered when reviewing cloud providers’ T&Cs:</p> <ul> <li class="bulleted-list"><span class="bullet">•</span> What legal system do the T&Cs claim to be governed by; are there any limits on where, how or when a legal claim can be brought against the provider?</li> <li class="bulleted-list"><span class="bullet">•</span> Does the provider exclude or limit liability for damage, particularly consequential damages such as business losses?</li> </ul> <p class="main-text-no-para-indent">In conclusion, blah blah blah.<p> Example which looks wrong; Code:
<p class="main-text-no-para-indent">Despite this agreement, by April 2008, blah blah blah. This correspondence revealed that Atos wanted to:</p> <ul> <li class="bulleted-list"><span class="bullet">•</span> retain all existing payments</li> <li class="bulleted-list"><span class="bullet">•</span> have a further six months to complete the work.</li> </ul> <p class="main-text-no-para-indent">De Beers rejected these demands and, oblah blah blah.</p> thanks, Iain Last edited by iain robinson; 06-15-2011 at 02:31 PM. Reason: error in code |
06-15-2011, 02:08 PM | #2 |
Wizard
Posts: 2,251
Karma: 3720310
Join Date: Jan 2009
Location: USA
Device: Kindle, iPad (not used much for reading)
|
The first paragraph in the "right" example says "main-text-no-para-indent", whereas the "wrong" example says "main-text-para-indent".
|
06-15-2011, 02:37 PM | #3 |
Connoisseur
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
|
Thanks for your reply Susan - that is correct. In actual fact that was an error in the code - I copied and pasted a lump of code but it was too much so I edited it down and introduced that error. Sorry - I have edited the post.
The problem is after the bullet list. I have attched a couple of screenshots. Iain |
06-15-2011, 03:16 PM | #4 |
Well trained by Cats
Posts: 29,689
Karma: 54369090
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
was there another <UL> before that next bullet item? I don't believe ADE supports interspersed <LI>'s
|
06-15-2011, 03:19 PM | #5 |
Resident Curmudgeon
Posts: 73,661
Karma: 127838198
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Sigil doesn't count. Sigil is not what should be used to view ePub. It should be ADE. It's more correct in ADE then in Sigil.
Also, you meed to post your CSS. |
06-15-2011, 03:33 PM | #6 |
Connoisseur
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
|
theducks - There are no lists within lists, if that's what you mean. It goes;
<p>...</p> <ul> <li>...</li> <li>...</li> </ul> <p>...</p> for both right and wrong instances. Can't understand why. JSWolf - I know Sigil is only part of the picture. The title I'm converting is not aimed at any particular device but I do have periodic access to an iPad so I can test the files on that. Sigil quite accurately previews how it will display on the iPad (I guess they both use the webkit rendering engine?) but it's ADE (and all the devices I know that uses that engine) that's giving me the problem. I use Sigil to look at the code (saves me having to unzip the ePub) - I turn off Sigil's "HTML Tidy" option. So irrespective of how Sigil displays it, the code seems the same but I get two different results in ADE. |
06-15-2011, 03:36 PM | #7 |
Connoisseur
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
|
When I say on the iPad I mean in iBooks.
|
06-15-2011, 04:02 PM | #8 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
You can always set a style for <ul> with 'margin-bottom: 0'
|
06-15-2011, 04:10 PM | #9 |
Connoisseur
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
|
I hadn't thought of that! Thanks - I do want a gap after the lists so I added a 1em margin to the bottom and the lists work consistently now (and matches what I has seeing in Sigil, and hopefully iBooks).
cheers! |
06-15-2011, 08:53 PM | #10 | |
Resident Curmudgeon
Posts: 73,661
Karma: 127838198
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
06-16-2011, 02:55 AM | #11 |
Connoisseur
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
|
Thanks - I'm trying to find a happy medium that looks presentable in as many scenarios as possible. The customer for this title has indicated that many of the potential readers will be using iPads so I have to assume that a lot of them will be using iBooks. I will look at Bluefire though.
What's your experience with this aim? Is it possible to make one file that looks good on ADE-based readers and webkit-based readers? |
06-22-2011, 11:10 PM | #12 | |
Resident Curmudgeon
Posts: 73,661
Karma: 127838198
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
But the best thing to do is buy Liz Castro's ePub book. She knows iBooks very well. Her blog is at http://www.pigsgourdsandwikis.com/. |
|
06-23-2011, 02:51 AM | #13 |
Connoisseur
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
|
Thanks - I already have her book and her blog is a great resource for finding out about the quirks of iBooks. of which there are many!
I have an ePub now which looks pretty good in both, thanks in part to this forum! |
Thread Tools | Search this Thread |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Removing spacing between paragraphs, not between sections | jlbfoot | Calibre | 4 | 12-03-2010 10:41 PM |
Strange Spacing in ePub in ADE | ngbabu | ePub | 2 | 06-12-2010 07:47 PM |
removing spacing between paragraphs WITHOUT touching indent? | ferossan | Calibre | 2 | 12-24-2009 02:12 PM |
Remove spacing between paragraphs - what about div tags ? | NASCARaddicted | Calibre | 5 | 11-07-2009 05:47 AM |
Remove spacing between paragraphs doesn't. | Djehuty | Calibre | 6 | 04-28-2009 04:53 AM |