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?
Hier der Html und Css Code:
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