View Single Post
Old 06-07-2017, 05:39 PM   #2
GeoffR
Wizard
GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.GeoffR ought to be getting tired of karma fortunes by now.
 
GeoffR's Avatar
 
Posts: 3,821
Karma: 19162882
Join Date: Nov 2012
Location: Te Riu-a-Māui
Device: Kobo Glo
You don't need to disable the normal touch screen actions to make footnote links work, you just need to make the link to the footnote large enough to activate it easily.

E.g. if your link is something like this then you might well have problems accurately touching the link at small font sizes:
Code:
css:
  a.fn-link-decoration {color:blue;text-decoration:underline;}
xhtml:
  <p>... Foo<sup><a class="fn-link-decoration" href="notes.xhtml#fn1" id="f1">1</a></sup>, bar, baz.
but if you do it like this it will look identical on the page but there will be a much larger target area to touch:
Code:
css:
  sup.fn-decoration {color:blue;text-decoration:underline}
  a.fn-link {color:inherit;text-decoration:inherit}
xhtml:
  <p>... <a class="fn-link" href="notes.xhtml#fn1" id="f1">Foo<sup class="fn-decoration">1</sup>,</a> bar, baz.</p>

Last edited by GeoffR; 06-07-2017 at 05:53 PM. Reason: fn-link-decoration
GeoffR is offline   Reply With Quote