In XHTML-Seiten kommen mehrere Fußnoten vor. Die erste Fußnote auf der Seite soll (damit sich das Ganze vom Text abhebt) eine horizontale Linie bekommen. Die erste Fußnote sieht stets wie folgt aus:
CODE
<p class="Footnote">
<span>
<a class="FootnoteSymbol" href="#bodyftn1" id="ftn1">(1)</a>
</span>
Leonhard Euler (1707 - 1783)
</p>
<span>
<a class="FootnoteSymbol" href="#bodyftn1" id="ftn1">(1)</a>
</span>
Leonhard Euler (1707 - 1783)
</p>
Die erste Fußnote bekommt also im <a>-Tag die id "ftn1". Das wäre der CSS-Quelltext dazu:
CODE
.Footnote a#ftn1 {
border-top: 1px;
border-top-color: #000000;
border-top-style:solid;
}
.Footnote {
border: none;
}
border-top: 1px;
border-top-color: #000000;
border-top-style:solid;
}
.Footnote {
border: none;
}
Das attributabhängige Format ".Footnote a#ftn1" macht jetzt allerdings die horizontale Linie nur über den Link, also den <a>-Tag, nicht über die ganze Zeile, die mit der Klassendefinition "Footnote" versehen ist.
Ich möchte das "Border"-Attribut für die ganze Zeile, also den ganzen <p>-Bereich mit der Klasse "Footnote", nicht nur für das <a>... kann ich das irgendwie festlegen?