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, 02: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 03:31 PM. Reason: error in code
iain robinson is offline   Reply With Quote
Old 06-15-2011, 03: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: 1,952
Karma: 1726558
Join Date: Jan 2009
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, 03: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:	100
Size:	143.0 KB
ID:	72814   Click image for larger version

Name:	correct.png
Views:	97
Size:	162.0 KB
ID:	72815  
iain robinson is offline   Reply With Quote
Old 06-15-2011, 04:16 PM   #4
theducks
Grand Sorcerer
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: 15,250
Karma: 6020307
Join Date: Aug 2009
Location: (The original) Silicon Valley, USA
Device: Galaxy Tab 2, Astak Pocket Pro, K4NT
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, 04: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: 38,504
Karma: 19471833
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
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, 04: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, 04: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, 05: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: 3,182
Karma: 7180223
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-300, PRS-T1
You can always set a style for <ul> with 'margin-bottom: 0'
Toxaris is offline   Reply With Quote
Old 06-15-2011, 05: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, 09: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: 38,504
Karma: 19471833
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
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, 03: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-23-2011, 12:10 AM   #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: 38,504
Karma: 19471833
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Aura H2), Sony PRS-650, Sony PRS-T1, nook STR, iPad 1, iPhone 5
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, 03: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 11:41 PM
Strange Spacing in ePub in ADE ngbabu ePub 2 06-12-2010 08:47 PM
removing spacing between paragraphs WITHOUT touching indent? ferossan Calibre 2 12-24-2009 03:12 PM
Remove spacing between paragraphs - what about div tags ? NASCARaddicted Calibre 5 11-07-2009 06:47 AM
Remove spacing between paragraphs doesn't. Djehuty Calibre 6 04-28-2009 05:53 AM


All times are GMT -4. The time now is 09:06 AM.


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