Verweis zu einem Anker innerhalb einer anderen Datei

[monaco]

Das stimmt auf jeden Fall. Habe ich gestern noch gar nicht drüber nachgedacht. Sollte sich ja auch beim Scrollen anpassen.
Dafür gibt es glaub ich nur javascript-Lösungen.

Erstmal vielen lieben dank für CSS-Lösung. Aber ich glaube, dass das mit der Pseudoklasse target mit dem Sprung, wie in meinem Fall nicht funkioniert.
Ich habe es leider nicht hinbekommen.

[mlweb]

Das würde nur funktionieren wenn Du im Code die Reihenfolge anpasst.
Da ich das Geschwisterelement anspreche muss die Navigation nach den Elementen mit den IDs liegen.

Nachtrag: Aber wie schon @Andreas schrieb wurde hier etwas "getrickst", performant sind die Selektoren nicht und das auch beim Scrollen der jeweilige Punkt hervorgehoben wird funktioniert damit auch nicht.

[monaco]

Das würde nur funktionieren wenn Du im Code die Reihenfolge anpasst.
Da ich das Geschwisterelement anspreche muss die Navigation nach den Elementen mit den IDs liegen.

Nachtrag: Aber wie schon @Andreas schrieb wurde hier etwas "getrickst", performant sind die Selektoren nicht und das auch beim Scrollen der jeweilige Punkt hervorgehoben wird funktioniert damit auch nicht.

Das beim Scrollen keine Hervorhebung stattfindet, ist nicht schlimm.
Ich habe mal versucht, wie folgt das CSS zu definieren:

#navlb a[href*="leistungsbausteine.html"]#adas:target,
 #navlb a[href*="leistungsbausteine.html"]#evps:target 

Leider funktioniert dies so nicht. Kannst du mir da einen Tipp geben?

[mlweb]

Ich habe mal versucht, wie folgt das CSS zu definieren:

#navlb a[href*="leistungsbausteine.html"]#adas:target,
 #navlb a[href*="leistungsbausteine.html"]#evps:target 

Leider funktioniert dies so nicht.

Ich sehe in Deinem Code nirgends Geschwisterelemente, dafür Attributselektoren, die ich gar nicht verwendet habe.
Schau Dir doch bitte mal mein Beispiel an und versuche es zu verstehen. Ich habe es extra schon sehr weit auf Deinen Fall zugeschnitten.
Ich zitiere hier gern nochmal @Andreas

@monaco:Einfachen fertigen Code posten, ohne dass du ihn verstehst, finde ich nicht so gut.

Man kann keine Website selbst aufbauen ohne Verständnis für HTML, CSS und javascript.

Noch ein Tipp: .geschwister entspricht #navlb, #test1 entspricht #adas, #test2 enspricht #evps etc.
Änderung der Reihenfolge nicht vergessen.

[Andreas]

#navlb a[href*="leistungsbausteine.html"]#adas:target,
 #navlb a[href*="leistungsbausteine.html"]#evps:target 

Da IDs einmalig (unique) sind kannst du

#navlb a[href*="leistungsbausteine.html"]#adas:target

umformen nach

#adas:target

Also dann so:

#adas:target,
#evps:target

Ohne jetzt geprüft zu haben, ob dein Ansatz Sinn macht.

Schau mal, wie schön das hier gelöst ist https://rocksolidthemes.com/de/conta...igene-elemente

Da ist auch oben ein fixiertes Element, du landest direkt bei dem Punkt, wenn du mit Hash auf diese Seite kommst (siehe mein Link), der Punkt ist im Menü hervorgehoben. Plus Bonus: Beim Scrollen werden die Anker im Menü hervorgehoben.

[mlweb]

Das beim Scrollen keine Hervorhebung stattfindet, ist nicht schlimm.

Sehe ich aus Sicht von Usability komplett anders. Entweder ganz anders lösen (ganz anderer Ansatz fürs sichtbar machen des angesprungenen Ankers) oder aber diesen Ansatz konsequent verfolgen.

[monaco]

Schau mal, wie schön das hier gelöst ist https://rocksolidthemes.com/de/conta...igene-elemente

Da ist auch oben ein fixiertes Element, du landest direkt bei dem Punkt, wenn du mit Hash auf diese Seite kommst (siehe mein Link), der Punkt ist im Menü hervorgehoben. Plus Bonus: Beim Scrollen werden die Anker im Menü hervorgehoben.

Das ist sehr schön. Vielen Dank. Nur müsste ich in Bezug auf meine Website einiges anpassen.

[monaco]

@Andreas

Ich kann dir gar nicht sagen, wie dankbar ich dir bin. Das war ein toller TIPP

[Andreas]

Ich war diese Woche zufällig auf der Seite und da ist mir aufgefallen, dass das ja genau das ist, was du auch umsetzen wolltest. Wie das jetzt umgesetzt wurde habe ich mir gar nicht angesehen. Schön, wenn das für dich ne Hilfe ist, wollte eigentlich nur mal zeigen, wie sowas fertig aussehen könnte