Hallo liebe Gemeinde,
ich verzweifle an einem html script welches eigendlich ganz gut läuft nur möchte die Aktive Seite nachdem ich auf den z.B Home button klicke nicht gefärbt bleiben. Ich hoffe Ihr könnt mir helfen.
Hier meine Html
<div class="nav">
<ul>
<li><a href="/index.html" class="" target="_self">Home</a></li>
<li><a href="/about.html" class="" target="_self">Über uns</a></li>
<li><a href="/Services.html" class="" target="_self">Services</a></li>
<li><a href="/Solutions.html" class="" target="_self">Solutions</a></li>
<li><a href="/referenzen.html" class="" target="_self">Referenzen</a></li>
<li><a href="/news.html" class="" target="_self">News</a></li>
<li><a href="/kontakt.html" class="" target="_self">Kontakt</a></li>
</ul></div>
hier die css
.nav ul {
width:640px;;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
position:relative;
list-style:none;
}
.nav ul li {
float:left;
font-family:Arial, Helvetica, sans-serif;
padding:0 20px 0 20px;
font-size:12px;
color:#FFF
}
.nav ul li a {
float:left;
text-decoration:none;
padding:9px 0 9px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}
.nav ul li a:hover {
text-decoration:none;
overflow:hidden;
padding:9px 9px 9px 9px;
position:relative;
background-color:#e21a1b;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
}
Ich habe versucht a:active hinzuzufügen...
so in die css
.nav ul li a:active {
text-decoration:none;
overflow:hidden;
padding:9px 9px 9px 9px;
position:relative;
color:#e21a1b;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
aber da passiert nichts...
Bitte Bitte helft mir !!!!!!
Ich bedanke mich im Voraus
Grüße