Re: [CSS3-GCPM] Three questions regarding footnotes

2009/3/17 thomas <thomas.bsd@gmail.com>:
> Hello,
>
> The attached pdf page looks like this:
>
> +---------------------------------+
> | Lorem ipsum dolor[6] sit amet,  |
> | consectetuer[m] adipiscing[n]   |
> | elit. Etiam eros. Donec gravida |
> | pede a mauris. Etiam sem eros,  |
> | tempus a[7], accumsan pharetra, |
> | lacinia aliquam[o], nibh.       |
> | Vivamus[p] ac leo. Duis         |
> | bibendum dignissim ipsum. Class |
> | aptent taciti sociosqu ad       |
> | ______                          |
> | [m] foo - [n] bar - [o] baz     |
> | [p] gaz                         |
> | ______                          |
> | [6] Blah blah blah blah blah    |
> | blah blah blah blah.            |
> | Blah blah blah blah blah blah.  |
> | [7] Blah blah.                  |
> +---------------------------------+
>
> Looking at this page, I have three questions regarding footnotes
> (CSS3-GPCM draft):
>
> 1) It does not seem possible to have two footnote areas at the bottom
> of the page (in the example, one for alphabetic footnotes, one for
> numbered footnotes).

Actually you may, just you need some more work (you need two elements,
floated to footnote area, each one receiving data from named flows). A
better solution would be
@footnote <ident> {
}
float: footnote(<ident>);
(or move-to: or position: or position-flow:)

> 2) It does not seem possible to put several footnote references in a
> single paragraph (as it is the case, in the example, for the
> alphabetic footnote references).

Why not? You just need to display:inline the appropriate ::footnote
pseudo-element

> 3) The footnote #6 contains two div elements (two paragraphs). But is
> it possible to put divs in a footnote? Certainly, something like this
> is wrong:
> <p>A sentence consists of <em>words. <div
> class="footnote"><p>Most</p><p>often.</p></div></em></span>.
> Should one close the em tag before the footnote-div and reopen it
> afterwards? This would not be clean code.

I agree that it is definitely not clean code, but it is specified and
understandable, once you know the model.
First the computed values for all properties are found, then elements
in the CSS dom are laid out and rendered as if they were child of the
element, pseudo-element, page area estabilishing the named flow
(@footnote in this case).
This means that first <div> gets font-style:inherit, computed to
font-style:italic, then it is moved in the @footnote area, leaving
<p>A sentence consists of <em>words. </em></p> (</span> is not
correct, I assume a typo).
Also, the computed value of display is not considered when moving
elements, only when rendering them. This means that you can move table
cells and get one long row of footnotes.

> ++
> Thomas
>

Giovanni

Received on Tuesday, 17 March 2009 14:18:24 UTC