CSS a.hover status moet active blijven

[Verwijderd]

Ik ben al enige tijd bezig met het probleem dat ik wil dat de a:hover status active blijft. Na vele dagen zwoegen heb ik het opgegeven weet iemand wat ik fout heb gedaan in de CSS opmaak.

(Dit is de CSS opmaak)
ul#menuhoriz
{
list-style-type: none;
padding-left: 0.4em;
margin-left: 0em;
}

ul#menuhoriz li {
display: inline;
}

ul#menuhoriz a
{
display: block;
text-decoration: none;
color: #FFFFFF;
float: left;
padding: 0.2em 0.2em 0.3em 0.5em;
background: url(afbeeldingen/navigatiebalk.gif) no-repeat;
}

ul#menuhoriz a:visited
{
display: block;
text-decoration: none;
color: #FFFFFF;
float: left;
padding: 0.2em 0.2em 0.3em 0.5em;
background: url(afbeeldingen/navigatiebalk.gif) no-repeat;
}

ul#menuhoriz a:hover
{
color: #DA5922;
background: url(afbeeldingen/knop.gif) no-repeat;
}

ul#menuhoriz a:active
{
color: #DA5922;
}

.menuvast {
color: #DA5922;
text-decoration: none;
background: url(afbeeldingen/knop.gif) no-repeat;
}

En dit staat in de body

<ul id="menuhoriz">
<li class="menuvast"><a href="a.html">test1</a></li>
<li><a href="b.html">test2</a></li>
<li><a href="#">test3</a></li>
<li><a href="#">test4</a></li>
<li><a href="#">test5</a></li>
<li><a href="#">test6</a></li>
</ul>

Ik hoop dat iemand me hiermee kan helpen want ik weet het niet meer

[Plague]

Probeer:
ul#menuhoriz a#active
{
color: #DA5922;
}

<ul id="menuhoriz">
<li class="menuvast"><a href="a.html" class="menuhoriz" id="active">test1</a></li>
<li><a href="b.html">test2</a></li>
<li><a href="#">test3</a></li>
<li><a href="#">test4</a></li>
<li><a href="#">test5</a></li>
<li><a href="#">test6</a></li>
</ul>

En klaar is kees

En voor de duidelijkheid: die id="active" kan je bijv. met PHP laten parsen.

[ Voor 16% gewijzigd door Plague op 08-12-2006 20:49 ]

[Verwijderd]

Super het werkt en dan te bedenken dat ik er zolang mee bezig bent geweest.

Hartelijk bedankt.

[Verwijderd]

Super bedankt en dat te bedenken dat ik daar zolang op heb zitten zwoegen.

Hartelijk dank

Plague schreef op vrijdag 08 december 2006 @ 20:48:
Probeer:
ul#menuhoriz a#active
{
color: #DA5922;
}

<ul id="menuhoriz">
<li class="menuvast"><a href="a.html" class="menuhoriz" id="active">test1</a></li>
<li><a href="b.html">test2</a></li>
<li><a href="#">test3</a></li>
<li><a href="#">test4</a></li>
<li><a href="#">test5</a></li>
<li><a href="#">test6</a></li>
</ul>

En klaar is kees

En voor de duidelijkheid: die id="active" kan je bijv. met PHP laten parsen.