[ERLEDIGT] Aktive Menuseite hervorheben

[In5idiou5]

Hallo zusammen,

ich habe vor ein paar Wochen angefangen mich in HTML und CSS einzulesen.
Nun versuche ich ein horizontales Menu zu programmieren. Das steht auch soweit aber ich habe probleme damit die Aktive Menuseite hervorzu heben,
Vielleicht findet ihr ja einen Fehler.

Gruß und danke,
In5

HTML:

<div id="menucontainer">
     <ul id="menulist">
            <li id="active"><a href="Seite1.html" id="current">Seite1</a></li>
            <li><a href="Seite2.html">Seite2</a></li>
            <li><a href="Seite3.html">Seite3</a></li>
            <li><a href="Seite4.html">Seite4</a></li>
            <li><a href="Seite5.html">Seite5</a></li>
            <li><a href="Seite6.html">Seite6</a></li>
     </ul>
</div>

CSS:

#menucontainer ul
     {
         padding-left: 0;
         margin-left: 0;
         background-color: #003366;
         color: White;
         float: left;
         width: 100%;
         font-family: arial, helvetica, sans-serif;
     }

#menucontainer ul li
     {
         display: inline;
     }

#menucontainer ul li a
     {
         padding: 0.2em 1em;
         background-color: #003366;
         color: White;
         text-decoration: none;
         float: left;
         border-right: 1px solid #fff;
     }

#menucontainer ul li a:hover
     {
         background-color: #336699;
         color: #fff;
     }

#home #active
     {
         background-color: #ffa500;
     }

 

[SpiceLab]

Dieser Nachfahrenselektor soll den aktuell geöffneten Menüpunkt speziell formatieren:

#home #active {...}

Muss aber laut dem gezeigtem HTML so lauten:

#active #current {...}

oder im HTML die ID-Bezeichner für <li> und <a> umbenannt werden, damit der CSS-Selektor darin eine Übereinstimmung findet, auf die der Regelblock angewendet werden kann.

 

[In5idiou5]

ja ich habe den falschen Tag jetzt behoben und es klappt...
Ich hatte gefühlt hundert mal drüger geschaut aber das nicht gesehen.

Danke euch für eure schnellen Antworten.
Das mit dem auslagern werde ich dann demnächst auch mal ausprobieren.

 

[SpiceLab]

Ich hatte gefühlt hundert mal drüger geschaut aber das nicht gesehen.

Bei einschleichender Betriebsblindheit hilft immer: "vier Augen sehen mehr als zwei" :)