Log in / Register

Forum › How do I...?

remove footnotes have same content

princester
Hi, I have a situation when I have same footnote content repeat again, how to remove the repeat one in the footnote area?

Example:

<html>
<head>
<style>
@page {
counter-reset: footnote;
}

.fn {
float: footnote;
}

</style>
</head>
<body>
<p>
My in come: 2.4<span class="fn" >in millions dollars</span>.
</p>
<p>
Your income: 100<span class="fn">in thousand dollars</span>.
</p>
<p>
His income: 0.5<span class="fn" >in millions dollars</span>.
</p>
<p>
Her income: 20<span class="fn">in thousand dollars</span>.
</p>
</body>
</html>

The footnote generate will be like:
-----
[1] in millions dollars
[2] in thousand dollars
[3] in millions dollars
[4] in thousand dollars

Is there a way to remove the duplicate footnotes?
i want to make footnotes in multiple page like this:
-----
[1] in millions dollars
[2] in thousand dollars



Thanks,
mikeday
We don't have an easy way to remove duplicate footnotes like this yet, it will require a new CSS mechanism.
r_moss
Diving into an old thread, was a method for this ever introduced? Or perhaps a method of linking content to an existing generated footnote (using an attribute or something?)

Thanks!
howcome
No new functionality for removing duplicate content has been introduced, it's outside the scope of current CSS.
r_moss
Gotcha, that makes sense. Would there perhaps be a way to add a reference to an existing footnote instead to generate the footnote call to match?

Example HTML (any combination of tags/attributes would work for us, just a demo below):

<h1>Performance<footnote id="footnote1">Estimate for 2024</footnote></h1>

...

<h1>Fees<footnote href="#footnote1"></footnote></h1>

--------

Looking for the resulting visually in the PDF via Prince:

Performance(1)

Fees(1)


-------------------------
(1) Estimate for 2024

Edited by r_moss

howcome
Try this:

https://css4.pub/2024/footnotes/#multiple-references-to-same-footnote
r_moss
magic, thank you!