Abschnitts-Anker korrekt gestalten

[Gunnar Bittersmann]

@@hobix:

nuqneH

Mein das in etwa so, dass der Text mit Überschrift:
   Überschrift

⇤─⇥
Wo kommt dieser Abstand her? Hast du den explizit angegeben oder kommt er aus dem browserinternen Stylesheet?

Nehmen wir an, es gilt (aus welcher Quelle auch immer)

h2  
{  
  margin-left: 20px;  
  padding-left: 0;  
}

Das überschreibst du mit

h2  
{  
  margin-left: 0;  
  padding-left: 20px;  
}

Nun hat du links von dem Text der Überschrift 20 Pixel (abzüglich etwas Zwischenraum) für das Pfeilbild:

Im angesprungenen Zustand so aussieht:
-> Überschrift

h2:target  
{  
  background: url(pfeilbild) no-repeat;  
}

Des Weiteren frage ich mich noch, wie ich hinter der Überschrift den jeweiligen Ankerlink semantisch korrekt "einbaue"

<h2 id="foo"><a href="#foo" title="Diesen Abschnitt linken">Überschrift</a></h2>

und wie ich ihn, wie man sollte, nicht nur mit einem Bild oder Symbol trotzdem kurz und knackig repräsentieren könnte.
--8<--
Wobei das ¶-Zeichen der Anker-Link zu Überschrift sein könnte?

?? Ich verstehe nicht, worauf du hinauswillst.

Qapla'