HTML Top Navigation, was mach ich falsch?

[RXBeat]

Mag mir wer helfen ein richtiges Top Navigation Menu zu erstellen? Zwei punkte und wenn man drauf klickt soll genau die section angezeigt werden.
Irgendwie hab ich das früher mal hinbekommen aber nun nicht mehr.
Hab beiden Sectionen eine id verpasst und dann ging es.

https://jsfiddle.net/RXBeat/gyrdbuxs/7

 

[basti1012]

dannn goggel doch mal nach Anker , ich denke das ist das was du suchst

 

[RXBeat]

Wird gemacht, sagt mir noch nichts. Thanks für den hinweis

 

[RXBeat]

Baut man so echt menus? Wirkt so gefuscht.

 

[basti1012]

es gibt 1000 Varianten wie man Menüs bauen kann .So wie du das beschrieben hast denke ich mal das du das mit Anker machen willst . Also das mit den # im Link.
Du kannst das aber auch mit Javascript machen .
Das mußt du aber wissen wie du das haben willst ?

 

[RXBeat]

Einfach mal ganz blöd gefragt, was ist denn für 2019 so die aktuellere und vielleicht bessere möglichkeit?
in dem jsfiddle was ich gepostet habe bekomme ich es mit den ankern irgendwie auch nicht hin. eingefügt sind die ja schon aber funktioniert nicht. Muss mich auch noch rein fuchsen. Wird wohl bisschen dauern.

 

[basti1012]

Bei Ankern brauch man kein Javascript , das kann weg.
dann must du da wo du draufklickst
<a href="#anker1">seite1</a>

da wo er hinspringen soll

<a name="anker1">hier ist seite 1</a>
Das wahr es eigentlich schon .
Falls ich jetzt nix vertauscht habe sollte es dann auch so gehen

 

[Sailor]

<a name="anker1">hier ist seite 1</a>

statt name="anker1", sollte besser id="anker1" genommen werden - und es muss auch nicht unbedingt ein <a....> sein, jedes andere HTML Element (mit der ID) sollte funktionieren.

 

[basti1012]

Da stimme ich dir zu.
Mußte mal gerade testen. Mit ID ist der Vorteil das es bei allen Elemente zu laufen scheint.
Mit NAME geht es wohl nur bei <a> , zumindest das was ich gerade alles getestet habe.

 

[RXBeat]

Auch das habe ich nun hinbekommen :)
Das Problem war das er keine Seite geöffnet hat sondern runter gescrollt ist zum Ziel.
Nun hat es geklappt.

Vielen Dank!!!!