Flex
Senior Moderator
Ich habe eine horizontale Navigation mit CSS gemacht. Alles passt soweit. Nun will ich aber das die aktive Seite, die gerade angeklickt wird, in der Navigation in einer anderen Farbe (gelb) angezeigt wird, damit der User weiß, auf welcher Seite er sich gerade befindet.
Mit a:active gehts nicht, das hab ich schon gefunden, da hier nur kurzzeitig der Status angezeigt wird.
Ich hab nun ein <active> im CSS definiert, das die Schriftfarbe gelb enthält und dieses <active> dann dem entsprechenden Menüeintrag zugefügt. Siehe Code:
So sieht das CSS dazuaus:
Problem ist nun, dass mir im Fierfox der mit <active> eingeschlossene Menüpunkt, hier "Start", richtig auch in der gelben Farbe angezeigt wird, nur im Internet Explorer, da tut sich gar nichts, hier wird das <active> irgendwie ignoriert.
Wer kann mir helfen das zu lösen?
Mit a:active gehts nicht, das hab ich schon gefunden, da hier nur kurzzeitig der Status angezeigt wird.
Ich hab nun ein <active> im CSS definiert, das die Schriftfarbe gelb enthält und dieses <active> dann dem entsprechenden Menüeintrag zugefügt. Siehe Code:
HTML:
<div id="navigation">
<ul>
<li><a href="index.html"><active>Start</active></a></li>
<li><a href="aktuelles.html">Aktuelles</a></li>
<li><a href="person.html">Zur Person</a></li>
<li><a href="schwerpunkte.html">Schwerpunkte</a></li>
<li><a href="termine.html">Termine</a></li>
<li><a href="galerie.html">Galerie</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li><a href="impressum.html">Impressum</a></li>
</ul>
</div>
So sieht das CSS dazuaus:
HTML:
}
#navigation {
background-image: url(../images/navibalken.gif);
background-repeat: repeat-x;
height: 26px;
padding-left: 6px;
color: #0988d0;
background-position: 0 0px;
}
#navigation ul {
list-style-type: none;
}
#navigation li {
display: inline;
font-size: 12px;
line-height: 26px;
}
#navigation a {
padding-right: 15px;
padding-left: 15px;
text-decoration: none;
color: #CCCCCC;
float: left;
}
#navigation a:hover {
color: #FFFFFF;
text-decoration: none;
background-image: url(../images/navibalken.gif);
background-repeat: no-repeat;
background-position: 0px -26px;
}
#navigation active {
color: #FFC704;
}
Problem ist nun, dass mir im Fierfox der mit <active> eingeschlossene Menüpunkt, hier "Start", richtig auch in der gelben Farbe angezeigt wird, nur im Internet Explorer, da tut sich gar nichts, hier wird das <active> irgendwie ignoriert.
Wer kann mir helfen das zu lösen?