Document/tests/files/docbook/xhtml/s_018_footnote_complex.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="generator" content="eZ Components; http://ezcomponents.org" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
<![CDATA[body {
	background-color: #ffffff;
	color: #2e3436;
	font-family: sans-serif;
}

a {
	color: #3456a4
}

a:hover {
	color: #729fcf;
}

a:visited {
	color: #204a87;
}

a.footnote {
	vertical-align: super;
}

p {
	margin: 0.5em 0em 1em 0em;
}

hr {
	background-color: #204a87;
	border: none;
	height: 1px;
}

pre {
	background-color: #eeeeef;
	font-family: monospace;
}

table {
	border: 1px solid #babdb6;
	border-collapse: collapse;
	width: 100%;
}

thead td,
thead th {
	background-color: #eeeeef;
	text-align: center;
	font-weight: bold;
}

tbody td {
	border: 1px solid #babdb6;
}

blockquote p:before,
blockquote p:after {
	content: '"';
}

blockquote p {
	margin-bottom: .5em;
}

blockquote cite {
	margin-left: 1em;
	color: #555753;
}

div.image,
div.figure {
	margin: 1em;
	padding: 1px;
	border: 1px solid #babdb6;
}

div.image img,
div.figure img {
	margin: 0px auto;
}

div.image p,
div.figure p {
	margin: 0em;
	font-size: 90%;
	color: #555753;
}

p.note {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #8ae234;
}

p.notice {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #4e9a06;
}

p.warning {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #ce5c00;
}

p.attention {
	margin-left: 2em;
	padding: .2em;
	border: 1px solid #a40000;
}

p.danger {
	margin-left: 2em;
	padding: .2em;
	border: 2px solid #a40000;
}
]]>
    </style>
    <title>Complex footnotes</title>
  </head>
  <body>
    <a name="complex_footnotes" id="complex_footnotes"></a>
    <h1>Complex footnotes</h1>
    <p><a class="footnote" href="#__footnote_1">1</a> will be "2" (manually numbered), <a class="footnote" href="#__footnote_2">2</a> will be "3" (anonymous auto-numbered), and <a class="footnote" href="#__footnote_3">3</a> will be "1" (labeled auto-numbered).</p>
    <ul class="footnotes">
      <li>
        <a name="footnote_1" id="footnote_1">1</a>
        <p>This footnote is labeled manually, so its number is fixed.</p>
      </li>
      <li>
        <a name="footnote_2" id="footnote_2">2</a>
        <p>This footnote will be labeled "3".  It is the second auto-numbered footnote, but footnote label "2" is already used.</p>
      </li>
      <li>
        <a name="footnote_3" id="footnote_3">3</a>
        <p>This autonumber-labeled footnote will be labeled "1". It is the first auto-numbered footnote and no other footnote with label "1" exists.  The order of the footnotes is used to determine numbering, not the order of the footnote references.</p>
      </li>
    </ul>
  </body>
</html>