bell notificationshomepageloginedit profileclubsdmBox

10.02% popularity   0 Reactions

Does anyone here know if the CSS property display: none is supported by all ereaders?

Let me explain why I'm asking...

I'm turning a 500-page book that's in the public domain into an ebook. The index is 40 pages of fine print. Now that I've finished typing it up, the hard work begins - linking all those entries, all of which are linked to page numbers in the original book.

Then I figured out a way to automate it to some extent. I simply find the place in my text where page 33 begins in the original book and change the following...

<p>California was the first...

to this...

<p><span class="PageNumber">33</span>California was the first...

I can then give class a PageNumber a style that makes it really stand out, so I can see where all the original pages begin and end.

When I'm finished with my index, I can then change the style to display: none. The page numbers will still be there, serving as anchors, but readers won't see anything at all.

I know that more advanced CSS isn't supported by all ereaders, but I think display: none is an older, more established style. I just wondered if this strategy could create problems.


Free books android app tbrJar TBR JAR Read Free books online gutenberg


Load Full (2)

Login to follow story

More posts by @BetL

2 Comments

Sorted by latest first Latest Oldest Best

10% popularity   0 Reactions

Try to use anchor tag as shown below and link these id in your index page.

Example:

<p><a id=”p33” />California was the first...


Free books android app tbrJar TBR JAR Read Free books online gutenberg


Load Full (0)

 

@James

10% popularity   0 Reactions

Would inserting a visible-for-production page number

<p><b>33</b><a id="p33"/>California was the first...

and removing the bold page num with a regular expression find/replace at completion work for you?


Free books android app tbrJar TBR JAR Read Free books online gutenberg


Load Full (0)

 

Back to top