![]() |
#16 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,670
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
I don't think you can have a <p> inside a <div> as they are both paragraph level elements.
|
![]() |
![]() |
![]() |
#17 | |
Fanatic
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 580
Karma: 810184
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad
|
Quote:
Code:
<!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> <style type="text/css"> span.footnote { display:inline; border-style:solid; border-width:1px; background:yellow; width: 0.6em; height:0.6em; overflow:hidden; position:fixed; } span.footnote:active {width:auto;height:auto;} span.footnote span{ display:block; font-size:0.5em; margin:0 0.2em; } span.footnote span+span{ font-size:0.9em;} </style> </head> <body> <p class="footnote">Sic transit gloria mundi.Click on this footnote.<span class="footnote"> <span>1</span> <span>Isn't it fun reading through all the footnotes?</span> </span> Pretaerae censeo Cartago esse delendam. Navigare necesse est, vivere non est necesse.</p> <p>Credo Elvem ipsum etiam vivere.</p> </body> </html> ![]() |
|
![]() |
![]() |
Advert | |
|
![]() |
#18 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,670
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
Code:
<p class="footnote">Sic transit gloria mundi.Click on this footnote.<span class="footnote"> <span>1</span> <span>Isn't it fun reading through all the footnotes?</span> </span> Pretaerae censeo Cartago esse delendam. Navigare necesse est, vivere non est necesse.</p> Code:
<p class="footnote">Sic transit gloria mundi.Click on this footnote.<span class="footnote">1Isn't it fun reading through all the footnotes? Pretaerae censeo Cartago esse delendam. Navigare necesse est, vivere non est necesse.</p> |
|
![]() |
![]() |
![]() |
#19 |
Fanatic
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 580
Karma: 810184
Join Date: Sep 2010
Location: Norway
Device: prs-t1, tablet, Nook Simple, assorted kindles, iPad
|
JSWolf's edits are incorrect.
The empty spans are actually <p>-surrogates (see the stylesheet), and the non-breaking spaces prevent the footnote marker from running into the next word. Please try code in a browser or similar before asserting and correcting apparent errors. |
![]() |
![]() |
![]() |
#20 | |
frumious Bandersnatch
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 7,546
Karma: 19001583
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Quote:
But they do something. They are matched by the "span.footnote span" and "span.footnote span+span" selectors. |
|
![]() |
![]() |
Advert | |
|
![]() |
#21 | |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 28,548
Karma: 204127028
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
|
Quote:
![]() |
|
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Footnotes and Endnotes | Ken Irving | Writer2ePub | 2 | 01-02-2011 09:05 AM |
Footnotes/Endnotes | crutledge | Sigil | 17 | 07-17-2010 11:56 AM |
'Unexpected Error' using endnotes, footnotes, etc | Gideon | Amazon Kindle | 0 | 11-09-2009 11:59 PM |
How do endnotes/footnotes work? | JSWolf | ePub | 4 | 04-22-2009 05:54 PM |
Do footnotes/endnotes work in FB2? | rfog | HanLin eBook | 3 | 12-05-2008 10:22 PM |