Showing only one End-note at a time

ghostyjack · 04-27-2012, 07:34 AM

I've got a book with loads of end-notes in it and I've put them all into the same xhtml file so as to make it a bit easier for me to manage the end-notes.

What I would like though is to be able to only show one end-note on the screen at a time.

I've tried using thie following:

Code:

<p id="note1" class="endnote">Blah, blah, blah</p>

with the CSS being:

Code:

.endnote {page-break-before:always; page-break-after:always;}

but this doesn't seem to work as all the end-notes still seem to show on screen at the same time.

Any idea what (if it exists) is the correct CSS to get this to work, or do I need to break the end-notes down to one end-note per xhtml file?

Jellby · 04-27-2012, 07:44 AM

It works for me. Maybe there some other mistake that is causing that style to be ignored?

ghostyjack · 04-27-2012, 07:54 AM

That's odd. I'm not sure what could be causing it in the file as so far the contents of the end-notes file is:

Code:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Title</title>
  <link href="../Styles/styles.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <p class="endnote" id="note1">Blah, blah, blah</p>

  <p class="endnote" id="note2">Blah, blah, blah</p>

  <p class="endnote" id="note3">Blah, blah, blah</p>

  <p class="endnote" id="note4">Blah, blah, blah</p>
</body>
</html>

With the only styles in use effecting that page in the CSS are:

Code:

  body     {margin-left:10px; margin-right:10px;}
  p        {margin:0; text-align:justify; text-indent:1em; font-family:serif;}
  .endnote {page-break-before:always; page-break-after:always;}

The only thing I can thing of is the fact I'm using epubreader in Firefox to preview it and that's causing the issue. I'm currently only have access to a machine with epubreader on it, I wont have access to my main pc until I get home from work, and I can't add anything to the machine I'm using.

DiapDealer · 04-27-2012, 09:15 AM

Quote:

Originally Posted by ghostyjack

The only thing I can thing of is the fact I'm using epubreader in Firefox to preview it and that's causing the issue. I'm currently only have access to a machine with epubreader on it, I wont have access to my main pc until I get home from work, and I can't add anything to the machine I'm using.

I can verify that ePubReader won't honor those css pagebreaks while ADE will.

ghostyjack · 04-27-2012, 09:46 AM

Well that explains it, I got it right in the first place (bit of a miracle that).

Thanks guys for checking it out.

04-27-2012, 07:34 AM	#1
ghostyjack Guru Posts: 718 Karma: 1085610 Join Date: Mar 2009 Location: Bristol, England Device: PRS-T1, 1825PT, Galaxy Tab, One X, TF700T, Aura HD, Nexus 7	Showing only one End-note at a time I've got a book with loads of end-notes in it and I've put them all into the same xhtml file so as to make it a bit easier for me to manage the end-notes. What I would like though is to be able to only show one end-note on the screen at a time. I've tried using thie following: Code: <p id="note1" class="endnote">Blah, blah, blah</p> with the CSS being: Code: .endnote {page-break-before:always; page-break-after:always;} but this doesn't seem to work as all the end-notes still seem to show on screen at the same time. Any idea what (if it exists) is the correct CSS to get this to work, or do I need to break the end-notes down to one end-note per xhtml file?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
TOC showing up at the end of MOBI	ebookn00b	Calibre	9	06-10-2012 01:01 AM
It's time for a unified ebook format and the end of DRM	DonaldL.	News	92	02-17-2012 09:00 AM
EEE note EA-800 and Sony PRS-600 [Note-Taking]	sunwillsetforyou	Which one should I buy?	5	05-04-2011 01:14 AM
Free thriller (Kindle, Nook, Sony, PDF) The End of Marking Time	CJWest	Self-Promotions by Authors and Publishers	4	03-05-2011 01:23 AM
WSJ: The End of Management (Publishers, take note)	kjk	General Discussions	0	08-25-2010 12:06 PM

04-27-2012, 07:44 AM	#2
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	It works for me. Maybe there some other mistake that is causing that style to be ignored?

04-27-2012, 09:46 AM	#5
ghostyjack Guru Posts: 718 Karma: 1085610 Join Date: Mar 2009 Location: Bristol, England Device: PRS-T1, 1825PT, Galaxy Tab, One X, TF700T, Aura HD, Nexus 7	Well that explains it, I got it right in the first place (bit of a miracle that). Thanks guys for checking it out.

Advert

Advert