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 02-11-2020, 01:38 PM   #1
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
popup note images are showing in the epub

I am using kindle previewer on PC
Using this code as my link,
<a epub:type="noteref" href="#n1" style="font-size: 14pt; font-family: arial;">gender</a>, <span style="font-size: 1em;">

And this as the popup note
<aside class="hidden" epub:type="footnote" id="n1"><p style="font-size: 1em; padding-bottom: 3px;"></p>
<a href="#n1"><img alt="return" src="../Images/return.png" width="30" height="16"/></a>

The popup all works fine, but the image is showing in the ebook
Attached Thumbnails
Click image for larger version

Name:	popup_issue.png
Views:	24
Size:	35.4 KB
ID:	177078  
increase is offline   Reply With Quote
Old 02-11-2020, 02:49 PM   #2
phillipgessert
Enthusiast
phillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and gracephillipgessert herds cats with both ease and grace
 
phillipgessert's Avatar
 
Posts: 38
Karma: 43976
Join Date: Oct 2015
Location: Madison, WI
Device: Kindle 5th Gen
No real advice, but I'd just use a unicode arrow if it were me; and since (it looks like) you're trying to hide the endnote anyway, I'm actually not sure the arrow serves much purpose. Probably I'm misunderstanding, though.
phillipgessert is offline   Reply With Quote
Old 02-11-2020, 03:25 PM   #3
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
Quote:
Originally Posted by phillipgessert View Post
No real advice, but I'd just use a unicode arrow if it were me; and since (it looks like) you're trying to hide the endnote anyway, I'm actually not sure the arrow serves much purpose. Probably I'm misunderstanding, though.
Yes it is because it is nested, so when I click on the main link, it pops up the note and I want to have an arrow on the popup to take it back to the link

Seems to be something to do with the syntax in this line
<aside class="hidden" epub:type="footnote" id="na"><h5 style="color: green;"><a href="#n1"><img alt="return" src="../Images/return.png" width="30" height="16"/></a></h5>

I got it to work when by mistake I put the same reference on two of the popup codes and the third one showed the arrow, so it needs the above code modyfying but I am not sure how
increase is offline   Reply With Quote
Old 02-11-2020, 03:33 PM   #4
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
Got it!
<aside class="hidden" epub:type="footnote" id="n1"><h5 style="color: green;"><a href="#nb"><img alt="return" src="../Images/return.png" width="30" height="16"/></a></h5>
Just swapped the references around and bingo
increase is offline   Reply With Quote
Old 02-11-2020, 07:50 PM   #5
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
False alarm I still have the problem
increase is offline   Reply With Quote
Old 02-11-2020, 07:57 PM   #6
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
Quote:
Originally Posted by increase View Post
False alarm I still have the problem
But.. this works in stylesheet
.hidden { visibility: hidden; }
increase is offline   Reply With Quote
Old 02-12-2020, 01:44 AM   #7
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 6,790
Karma: 32159627
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Aura One, Aura H2O, Aura HD, Nexus 7 HD, iPad Air, Tolino epos
Quote:
Originally Posted by increase View Post
But.. this works in stylesheet
.hidden { visibility: hidden; }
Personally, I'd prefer:
Code:
.hidden {
    display : none;
}
Why this choice? Simply, a visibility:hidden; element will still use up space on the page, one hidden by display:none; will not. See CSS visibility Property for more information.
DNSB is offline   Reply With Quote
Old 02-12-2020, 09:51 AM   #8
increase
Connoisseur
increase began at the beginning.
 
Posts: 50
Karma: 10
Join Date: Jan 2020
Device: kindle
Quote:
Originally Posted by DNSB View Post
Personally, I'd prefer:
Code:
.hidden {
    display : none;
}
Why this choice? Simply, a visibility:hidden; element will still use up space on the page, one hidden by display:none; will not. See CSS visibility Property for more information.
Thanks, but it is in kindle previewer that i have the issue, the notes show in the main chapter and I am trying to hide them
increase is offline   Reply With Quote
Old 02-12-2020, 10:08 AM   #9
jhowell
Wizard
jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.jhowell ought to be getting tired of karma fortunes by now.
 
jhowell's Avatar
 
Posts: 3,374
Karma: 32493247
Join Date: Nov 2011
Location: Tampa Bay, Florida
Device: Oasis 2, Fire, iPad Air 2, Nexus 7
Quote:
Originally Posted by increase View Post
Thanks, but it is in kindle previewer that i have the issue, the notes show in the main chapter and I am trying to hide them
Some Kindle devices/apps do not support pop-up footnotes. Footnotes will show as pop-ups where they are called out on some devices. On other devices clicking on the footnote tag will take the reader to the point in the document where the footnote appears.

In either case the actual footnote is still part of the visible book content somewhere. (Typically at the very end of the book.)

Last edited by jhowell; 02-12-2020 at 12:18 PM.
jhowell is offline   Reply With Quote
Old 02-13-2020, 12:26 PM   #10
DNSB
Bibliophagist
DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.DNSB ought to be getting tired of karma fortunes by now.
 
DNSB's Avatar
 
Posts: 6,790
Karma: 32159627
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Aura One, Aura H2O, Aura HD, Nexus 7 HD, iPad Air, Tolino epos
Quote:
Originally Posted by increase View Post
Thanks, but it is in kindle previewer that i have the issue, the notes show in the main chapter and I am trying to hide them
This may not be exactly what you want but have you considered having an endnotes file instead of placing the notes in the chapter files? The links/backlinks are easy enough to set up and you will not have the issue of the notes visible in the chapters. Easy enough to skip over the endnotes when you are finishing the book.

As for trying to hide them? That is what display:none does and it does the job without having the space where the text would be showing as a blank box. Of course, the text will also be hidden when you pop up the note. Something about cake and eating it comes to mind.

Last edited by DNSB; 02-13-2020 at 12:29 PM.
DNSB 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
(foot)note as popup Patrick V ePub 19 09-22-2019 11:38 AM
Images now showing in ePub after editing in Sigil or Calibre postkast2929 ePub 44 04-21-2016 12:45 PM
Images not showing in ePub books jstabe ePub 4 01-01-2014 05:17 PM
Gif images not showing in epub Amalthia Conversion 9 06-07-2012 04:43 PM
Alreader not showing images after editing ePUB with Sigil cerramadre Sigil 27 09-02-2011 11:24 PM


All times are GMT -4. The time now is 12:03 AM.


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