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: 679 Karma: 1085478 Join Date: Mar 2009 Location: Bristol, England Device: PRS-600, Acer 1825PT, Galaxy Tab, PRS-T1, HTC One X, TF700T	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? __________________ Get 5GB of online storage for free from SugarSync. Click here for an additional 500MB to give you 5.5GB for free. Always have your stuff when you need it with @Dropbox. 2GB account is free! Click here Currently working on updating some of my Lovecraft work after receiving some corrections

04-27-2012, 07:54 AM	#3
ghostyjack Guru Posts: 679 Karma: 1085478 Join Date: Mar 2009 Location: Bristol, England Device: PRS-600, Acer 1825PT, Galaxy Tab, PRS-T1, HTC One X, TF700T	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. __________________ Get 5GB of online storage for free from SugarSync. Click here for an additional 500MB to give you 5.5GB for free. Always have your stuff when you need it with @Dropbox. 2GB account is free! Click here Currently working on updating some of my Lovecraft work after receiving some corrections

04-27-2012, 09:46 AM	#5
ghostyjack Guru Posts: 679 Karma: 1085478 Join Date: Mar 2009 Location: Bristol, England Device: PRS-600, Acer 1825PT, Galaxy Tab, PRS-T1, HTC One X, TF700T	Well that explains it, I got it right in the first place (bit of a miracle that). Thanks guys for checking it out. __________________ Get 5GB of online storage for free from SugarSync. Click here for an additional 500MB to give you 5.5GB for free. Always have your stuff when you need it with @Dropbox. 2GB account is free! Click here Currently working on updating some of my Lovecraft work after receiving some corrections

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

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	Author Self-Promotions	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: 5,140 Karma: 2474345 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon	It works for me. Maybe there some other mistake that is causing that style to be ignored?


Advertisement Enthusiast