footnote anchor weirdness

[sydb]

For TEI#2621 I was looking at chapter SG. I noticed that the numeric footnote anchors are way too high, and look like they are hovering over an em dash. I believe they are encoded in the HTML as

<span id="NoteNN_return">
  <a class="notelink" title="…" href="javascript:void(0)" onclick="showPopupFootnote('NoteNN')">
    <sup>FF</sup>
  </a>
</span>

I think the em-dash-like-thingy is actually just underscoring. Either way, it is really ugly. Here it is at 200%:

And, in case you think the enlargement is causing the problem, here it is at 100%:

[GusRiva]

For some reason the class notelink does not have any css associated with it.
I will add it in a PR

[GusRiva]

There also seems to be conflicted rules for sup.

In guidelines.css :

sup {
    vertical-align: top;
    font-size: 70%;
}

In teic.css :

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

Both are applied to the guidelines html version, as guidelines.css imports teic.css .

The version in teic.css is newer, made by @hcayless 3 months ago. The version in guidelines.css is older, 17 years ago by Sebastian Rahtz

If we remove the instructions in guidelines.css the links are at the correct height.

There remains the issue of the underlined, but that should be done directly for the class notelink

[GusRiva]

I checked the epub version and there everything looks well, so we don't need to change those css files.

[GusRiva]

PR: TEIC/TEI#2636