Hallo franzsen,
Sicherlich ist meine Ausdrucksform nicht so Fachmännisch. Eigentlich ist es ein Querstrich bzw. waagrechte Linie den/die ich mit „hr“ erzeugt habe. Es soll die Überschrift (Inhalt) von der Liste optisch trennen. Oder liege ich da mit der Methode falsch? Die darauffolgende Liste soll nicht direkt an der Linie kleben und habe mit class="abstand" gemacht. Habe es inzwischen im Stylesheet durch hr{margin-bottom...} ersetzt. Das Element hr kennzeichnet einen thematischen Bruch.
Eine hr trennt zunächst einmal aussschließlich inhaltlich. Sie lässt sich für einen Teil deiner Besucher so gestalten, dass sie auch visuell als Trenner wahrzunehmen ist. Aber eigentlich möchtest du keine Trennung, auch nicht visuell, sondern eine Unterscheidung von Überschrift und Listenelementen.
Deine Überschrift soll doch deine Liste beschreiben. In der Liste ist der Inhalt der Seite aufgeführt. Deshalb heißt die Überschrift ja auch "Inhalt". Überschrift und Liste gehören also zusammen. Wenn du eine Linie (= optisches Gimmick) brauchst, nimm irgendein border.
Die Klasse "abstand" zu nennen, ist auch nicht klug. Eigentlich brauchst du dafür überhaupt keine Klasse. Es könnte zum Beispiel h1 + ul
oder nav ul
als Selektor vollkommen ausreichend sein.
Bis demnächst
Matthias
Rosen sind rot.