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 06-15-2011, 01:52 PM   #1
iain robinson
Connoisseur
iain robinson began at the beginning.
 
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&amp;Cs:</p>

      <ul>
        <li class="bulleted-list"><span class="bullet">•</span> What legal system do the T&amp;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>
I could supply screenshots if it would help. Anyone got any ideas?

thanks,
Iain

Last edited by iain robinson; 06-15-2011 at 02:31 PM. Reason: error in code
iain robinson is offline   Reply With Quote
Old 06-15-2011, 02:08 PM   #2
susan_cassidy
Wizard
susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.susan_cassidy ought to be getting tired of karma fortunes by now.
 
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".
susan_cassidy is offline   Reply With Quote
Old 06-15-2011, 02:37 PM   #3
iain robinson
Connoisseur
iain robinson began at the beginning.
 
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
Attached Thumbnails
Click image for larger version

Name:	incorrect.png
Views:	271
Size:	143.0 KB
ID:	72814   Click image for larger version

Name:	correct.png
Views:	272
Size:	162.0 KB
ID:	72815  
iain robinson is offline   Reply With Quote
Old 06-15-2011, 03:16 PM   #4
theducks
Well trained by Cats
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
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
theducks is offline   Reply With Quote
Old 06-15-2011, 03:19 PM   #5
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
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.
JSWolf is offline   Reply With Quote
Old 06-15-2011, 03:33 PM   #6
iain robinson
Connoisseur
iain robinson began at the beginning.
 
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.
iain robinson is offline   Reply With Quote
Old 06-15-2011, 03:36 PM   #7
iain robinson
Connoisseur
iain robinson began at the beginning.
 
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
When I say on the iPad I mean in iBooks.
iain robinson is offline   Reply With Quote
Old 06-15-2011, 04:02 PM   #8
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
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'
Toxaris is offline   Reply With Quote
Old 06-15-2011, 04:10 PM   #9
iain robinson
Connoisseur
iain robinson began at the beginning.
 
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!
iain robinson is offline   Reply With Quote
Old 06-15-2011, 08:53 PM   #10
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
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:
Originally Posted by iain robinson View Post
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.
The problem is that how iBooks displays something can be different enough that it is silly. Use Bluefire Reader with the iPad. It uses ADE and will look like ADE on your desktop.
JSWolf is offline   Reply With Quote
Old 06-16-2011, 02:55 AM   #11
iain robinson
Connoisseur
iain robinson began at the beginning.
 
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?
iain robinson is offline   Reply With Quote
Old 06-22-2011, 11:10 PM   #12
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
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:
Originally Posted by iain robinson View Post
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?
It is possible if you don't try to get too fancy. I'm not sure if some of the workarounds for iBooks is ADE compatible. But the first thing to do is create the ePub so it looks good in ADE and then try it in iBooks and see what happens.

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/.
JSWolf is offline   Reply With Quote
Old 06-23-2011, 02:51 AM   #13
iain robinson
Connoisseur
iain robinson began at the beginning.
 
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!
iain robinson is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 10:02 AM.


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