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

Go Back   MobileRead Forums > E-Book Formats > Workshop

Notices

Reply
 
Thread Tools Search this Thread
Old 12-14-2016, 05:15 PM   #1
wDr
Newb of the Newb
wDr began at the beginning.
 
Posts: 5
Karma: 10
Join Date: Jan 2015
Device: Kindle
Footnotes Indent inconsistency

Hey all, I have a question. I have a client whose ebook that I coded is displaying inconsistently across devices. On his there is this huge indent, and on other devices there is a small indent. However, the CSS style is coded to have no indent, and no indent is what appears on devices that don't do pop-up footnotes.

The goal is no indent.

Here is how the footnotes are displaying across a few devices (these are all paperwhites from 2 different people):







How his device displays it:



How his device is displaying other ebooks with footnotes:



Does anyone know why this is so inconsistent? Here is the code in the ebook:

<hr class="horizontalrule"/>
<div class="calibre1">
<div id="footnote-001" epub:type="footnote">
<p class="basic-paragraph"><a class="_idgencolorinherit" href="../Text/Mortgages_Ebook-8.xhtml#footnote-001-backlink">1</a> I’m talking about today. There were times when one could simply state their income, put nothing down and have poor credit—and still purchase a house. This led to a massive wave of foreclosures and short sales, which had a domino effect and contributed to a stock market crash. These NINJA loans [No Income, No Jobs or Assets] were packaged into securities called Mortgage-Backed Securities or Collateralized Debt Obligations. Many of these ended up with little to no worth as people in droves defaulted on their loans. </p>
</div>
<div id="footnote-000" epub:type="footnote">
<p class="basic-paragraph"><a class="_idgencolorinherit" href="../Text/Mortgages_Ebook-8.xhtml#footnote-000-backlink">2</a> A real estate lien is the legal right ensured to the holder of the lien to a specified amount of money upon the sale of the property or until debt owed to the lien holder is paid off.</p>
</div>
</div>


And here's the CSS it calls back to:

.calibre1 {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
margin: 0;
padding: 0
}
.basic-paragraph {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
font-family: "Bookerly", serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.4;
orphans: 1;
page-break-after: auto;
page-break-before: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
widows: 1;
margin: 0;
padding: 0
}

Thank you to anyone who can help.

Last edited by wDr; 12-14-2016 at 06:57 PM.
wDr is offline   Reply With Quote
Advert
Old 12-14-2016, 06:29 PM   #2
BetterRed
null operator
BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.
 
Posts: 8,250
Karma: 6993173
Join Date: Mar 2012
Location: Sydney Australia
Device: none
Moderator Notice
This is not a calibre issue as such. It is about how different devices deal with footnotes and associated code in ePubs.

So I'm going to move the thread to the ePub forum where the experts in this sort of issue are more likely to see it.

BR
BetterRed is offline   Reply With Quote
Old 12-14-2016, 06:36 PM   #3
wDr
Newb of the Newb
wDr began at the beginning.
 
Posts: 5
Karma: 10
Join Date: Jan 2015
Device: Kindle
Quote:
Originally Posted by BetterRed View Post
This is not a calibre issue as such. It is about how different devices deal with footnotes and associated code in ePubs.

So I'm going to move the thread to the ePub forum where the experts in this sort of issue are more likely to see it.

BR
Thanks!
wDr is offline   Reply With Quote
Old 12-14-2016, 06:40 PM   #4
BetterRed
null operator
BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.
 
Posts: 8,250
Karma: 6993173
Join Date: Mar 2012
Location: Sydney Australia
Device: none
BTW your images are oversize see Posting Guidelines -

Quote:
Images included in posts must be no more than 600x600 pixels.
If you don't fix them soon they will be removed.

If you attach them as images to your post, they'll appear as thumbnails at the end of the post.

BR
BetterRed is offline   Reply With Quote
Old 12-14-2016, 06:57 PM   #5
wDr
Newb of the Newb
wDr began at the beginning.
 
Posts: 5
Karma: 10
Join Date: Jan 2015
Device: Kindle
Quote:
Originally Posted by BetterRed View Post
BTW your images are oversize see Posting Guidelines -



If you don't fix them soon they will be removed.

If you attach them as images to your post, they'll appear as thumbnails at the end of the post.

BR
Ooph, sorry. Fixed!
wDr is offline   Reply With Quote
Advert
Old 12-14-2016, 08:31 PM   #6
Turtle91
Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 1,335
Karma: 11165622
Join Date: Dec 2012
Location: Altus, Oklahoma today
Device: iPhone 6/5/iPad 1,2 & Air/Surface Pro/Kindle PW
I'm not seeing anything with the CSS you provided...but I didn't see how you defined _idgencolorinherit.

As an aside: Why do you use "<p class="basic-paragraph">" instead of just defining the basic paragraph as:
p {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
font-family: "Bookerly", serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.4;
orphans: 1;
page-break-after: auto;
page-break-before: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
widows: 1;
margin: 0;
padding: 0
}

Then you can simply define the few paragraphs that are NOT basic with a separate definition, eg <p class="not_basic_paragraph"> that makes it much easier to read when troubleshooting/editing... The same can be done with your hyperlinks; define the basic hyperlink as:
a {
yadda
yadda
}

and give the few non-basic links a special class.
Turtle91 is offline   Reply With Quote
Old 12-18-2016, 12:08 AM   #7
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 4,907
Karma: 46789557
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, and NookColor. 2 Droid, 1 Win8 ePUB rdrs
Quote:
Originally Posted by wDr View Post
Hey all, I have a question. I have a client whose ebook that I coded is displaying inconsistently across devices. On his there is this huge indent, and on other devices there is a small indent. However, the CSS style is coded to have no indent, and no indent is what appears on devices that don't do pop-up footnotes.

The goal is no indent.

Here is how the footnotes are displaying across a few devices (these are all paperwhites from 2 different people):


How his device displays it:


Does anyone know why this is so inconsistent? Here is the code in the ebook:

<hr class="horizontalrule"/>
<div class="calibre1">
<div id="footnote-001" epub:type="footnote">
<p class="basic-paragraph"><a class="_idgencolorinherit" href="../Text/Mortgages_Ebook-8.xhtml#footnote-001-backlink">1</a> I’m talking about today. There were times when one could simply state their income, put nothing down and have poor credit—and still purchase a house. This led to a massive wave of foreclosures and short sales, which had a domino effect and contributed to a stock market crash. These NINJA loans [No Income, No Jobs or Assets] were packaged into securities called Mortgage-Backed Securities or Collateralized Debt Obligations. Many of these ended up with little to no worth as people in droves defaulted on their loans. </p>
</div>
<div id="footnote-000" epub:type="footnote">
<p class="basic-paragraph"><a class="_idgencolorinherit" href="../Text/Mortgages_Ebook-8.xhtml#footnote-000-backlink">2</a> A real estate lien is the legal right ensured to the holder of the lien to a specified amount of money upon the sale of the property or until debt owed to the lien holder is paid off.</p>
</div>
</div>


And here's the CSS it calls back to:

.calibre1 {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
margin: 0;
padding: 0
}
.basic-paragraph {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
display: block;
font-family: "Bookerly", serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1.4;
orphans: 1;
page-break-after: auto;
page-break-before: auto;
text-align: left;
text-decoration: none;
text-indent: 0;
text-transform: none;
widows: 1;
margin: 0;
padding: 0
}

Thank you to anyone who can help.

Without knowing what the basic-paragraph might be inheriting, or cascading, we can't know what the problem may be. What's the definition of the basic p class?

Hitch
Hitch is offline   Reply With Quote
Old 12-18-2016, 04:20 AM   #8
GrannyGrump
Obsessively Dedicated...
GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.
 
GrannyGrump's Avatar
 
Posts: 1,071
Karma: 8608980
Join Date: May 2011
Location: JAPAN (US expatriate)
Device: Sony PRS-T2, ADE on PC
If I'm interpreting the css right, the class .basic-paragraph IS your default paragraph styling, right?

I wonder if it might help to add "important" to your zero-indent. Thus:
text-indent: 0 !important;

I have read here and elsewhere that some devices need that to ensure the app / device software doesn't override your zero-indent. It is worth a try anyway. You could also add that attribute to your styling for <a> "_idgencolorinherit" as a fail-safe.
GrannyGrump is offline   Reply With Quote
Old 12-18-2016, 10:27 AM   #9
Freeshadow
temp. out of service
Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.Freeshadow ought to be getting tired of karma fortunes by now.
 
Posts: 2,709
Karma: 20780936
Join Date: May 2010
Location: Duisburg (DE)
Device: PB 623
Taking into consideration that we're speaking about epubs here, and the screenshots provided show a kindle, it's rather a conversation than a generic epub issue
Freeshadow is offline   Reply With Quote
Old 12-18-2016, 06:16 PM   #10
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 4,907
Karma: 46789557
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, and NookColor. 2 Droid, 1 Win8 ePUB rdrs
Quote:
Originally Posted by GrannyGrump View Post
If I'm interpreting the css right, the class .basic-paragraph IS your default paragraph styling, right?

I wonder if it might help to add "important" to your zero-indent. Thus:
text-indent: 0 !important;

I have read here and elsewhere that some devices need that to ensure the app / device software doesn't override your zero-indent. It is worth a try anyway. You could also add that attribute to your styling for <a> "_idgencolorinherit" as a fail-safe.
Granny:

I meant, his unadorned, plain, p styling. He may not have that left, in his CSS--but he might. If he does, it could easily be overriding the cascaded styles. He identifies this ".basic paragraph" with that--not p.basic_paragraph. I'm assuming that somewhere, there's a p. Now, if he didn't define it anywhere, the MOBI defaults could possibly be overriding the named class.

Hitch
Hitch 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
Edit Book: Inconsistency in Differences between books chaot Editor 8 06-02-2016 11:07 AM
Aura Inconsistency between metadata in Calibre and on device MariaS Kobo Reader 5 08-30-2014 06:53 AM
Indent other than em curiousgeorge ePub 11 10-22-2012 02:56 PM
Markdown: Anchor inconsistency on Kindle & Sony Snorkledorf Conversion 3 01-05-2012 09:06 AM


All times are GMT -4. The time now is 12:10 PM.


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