Navigationsbutton lässt sich nicht mehr aktiv stellen

[a-p-m-h]

Hallo,

da ich hier und in Sachen Html neu bin, benötige ich eure Hilfe.

Ich habe mir mit Html eine kleine Webseite erstellt. 3 Html Dateien (index.htnl, galerie.html und impressum.html). Nun habe ich aus diesen 3 Html Dateien eine gemacht. Ebenfalls die Inhalte der 3 Dateien in eine gepackt. Danach habe ich die Anker definiert und einen Verweis zu den Ankern erstellt. Klappt wunderbar. Wenn ich auf meine Buttons klicke, scrollt die Seite genau da hin, welches das Thema ist. Leider gibt es ein kleines Problem, das ich nicht in den Griff bekomme.

Ich habe meine Buttons mit Farben hinterlegt. Als es noch 3 Html Seiten waren, hat es mit dem Hover und Active funktioniert. Jetzt nachdem ich eine Seite daraus gemacht habe, funktioniert nur noch das hovern und active ist immer nur der erste Button. Und das ist mein Problem. Gibt es vielleicht eine andere Möglichkeit das zu realisieren?

  html
  <li><a href="#home"class="active">Startseite</a></li>
  <li><a href="#galerie">Galerie</a></li>
  <li><a href="#impressum">Impressum</a></li>
   
   
  css
  #navigation li a:hover { 
  background-color: green;
  color: #fff; }
   
  #navigation li a.active {
  background-color: green;
  color: #fff; }

Ich hoffe Ihr könnt mir weiter helfen

Im Voraus vielen Dank

Andi

 

[Skymann0]

Hallo ckoller1993,
Ich würde dir dabei sehr gerne helfen, du kannst mich gerne anschreiben (Skype: Tobaga08 | Email: [email protected]) oder kurz auf meinem Teamspeak vorbeischauen. Wäre bereit der schnell zu helfen und bei weiteren Fragen oder "Sonderwünschen" dir zu helfen.

MfG, Skymann0