Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 08-14-2012, 04:07 PM   #16
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 36,989
Karma: 18129756
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
I don't think you can have a <p> inside a <div> as they are both paragraph level elements.
JSWolf is offline   Reply With Quote
Old 08-14-2012, 04:43 PM   #17
SBT
Fanatic
SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.
 
SBT's Avatar
 
Posts: 503
Karma: 560981
Join Date: Sep 2010
Location: Norway
Device: prs-t1, phone/Cool Reader, tablet/BlueFire, Nook Simple
Quote:
Originally Posted by Jellby View Post
You can't have a <div> inside a <p>, but nothing prevents you from turning the outer <p> into a <div>, or the inner <div> into a <span> with display:block.
Thanks for pointing that out, Jellby; the footnote CSS then becomes pretty similar to what I started with. The W3C validator still accepts it:
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>&nbsp;&nbsp;
Pretaerae censeo Cartago esse delendam. Navigare necesse est, vivere non est necesse.</p>
<p>Credo Elvem ipsum etiam vivere.</p>
</body>
</html>
(Span, span, lovely span ...)
SBT is offline   Reply With Quote
 
Enthusiast
Old 08-14-2012, 09:30 PM   #18
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 36,989
Karma: 18129756
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Quote:
Originally Posted by SBT View Post
Thanks for pointing that out, Jellby; the footnote CSS then becomes pretty similar to what I started with. The W3C validator still accepts it:
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>&nbsp;&nbsp;
Pretaerae censeo Cartago esse delendam. Navigare necesse est, vivere non est necesse.</p>
<p>Credo Elvem ipsum etiam vivere.</p>
</body>
</html>
(Span, span, lovely span ...)
Time to see the code still needs fixing...

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>&nbsp;&nbsp;
Pretaerae censeo Cartago esse delendam. Navigare necesse est, vivere non est necesse.</p>
should be...

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>
You don't need and you don't want spans that do nothing as all they do is make the size of the XML larger and that could be an issue if it's too large. Also, those non-breaking spaces can go too. They don't actually do anything in this case.
JSWolf is offline   Reply With Quote
Old 08-15-2012, 01:51 AM   #19
SBT
Fanatic
SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.
 
SBT's Avatar
 
Posts: 503
Karma: 560981
Join Date: Sep 2010
Location: Norway
Device: prs-t1, phone/Cool Reader, tablet/BlueFire, Nook Simple
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.
SBT is offline   Reply With Quote
Old 08-15-2012, 04:48 AM   #20
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,142
Karma: 4792399
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by JSWolf View Post
I don't think you can have a <p> inside a <div> as they are both paragraph level elements.
Yes, you can. A <div> can contain block or inline elements. The restriction preventing block-level content applies only to <p>. I think I pasted the relevant part of the spec not long ago... here it is.

Quote:
Originally Posted by JSWolf View Post
You don't need and you don't want spans that do nothing
But they do something. They are matched by the "span.footnote span" and "span.footnote span+span" selectors.
Jellby is online now   Reply With Quote
Old 08-15-2012, 04:52 AM   #21
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 8,989
Karma: 40850468
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
Quote:
JSWolf's edits are incorrect.
JS has zero tolerance for code he didn't write. I think it might actually cause him physical pain to see code that doesn't conform to his personal conventions.
DiapDealer is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
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


All times are GMT -4. The time now is 05:46 AM.


MobileRead.com is a privately owned, operated and funded community.