Verticaal menu

[sjoerdd87]

Hallo,

Ik maak gebruik van een verticaal menu op mijn website.

Alleen als ik op de link klikt die active staat wil ik dat de tekstkleur ook veranderd, helaas gebeurd dit niet, alleen als ik er over heen ga met de muis veranderd de kleur wel.

Hoe kan ik dit aanpassen, heb al vanalles geprobeerd de codes die ik gebruik zijn:

.musicals_div ul
{
	padding: 0px;
	margin-top: 12px;
	font-family: Arial;
    text-align: center;
    font-weight: bold;
	font-size: 22px;
	font-color:#ffffff;
	list-style:none;
	background: transparent;
}
.musicals_div ul li
{
	background: transparent;
	line-height: 40px;
	border-bottom: 0px solid #000;
}
.musicals_div ul li a
{
	text-decoration: none;
    overflow: hidden; 
    color: #ffffff;
	display: block;
}
.musicals_div ul li a:hover
{
	background: #a00000;
	color: #000000;
}

.musicals_div ul li#active
{
	background: #a00000;
	color: #000000;
	font-color: #000000;
}

        <div class="musicals_div">
    	<ul>
        <li id="active"><a href="On_the_town.shtml">On the Town 2012</a></li>
        <li><a href="#">Fiddler on the roof</a></li>
        </ul></div>

 

[Janzwart]

Dit gebeurt alleen niet bij de 2e link?

Hier staat de code

<li id="active">

niet voor alleen

<li>

, verder wordt er ook nog niet verwezen naar een subpage.

Jan

 

[sjoerdd87]

Zie hier het voorbeeld: http://www.dekker-design.nl/GOV/On_the_town.shtml

Inlognaam: helpmij
pass: admin

Het gaat er dus om dat diegene die active staat ook het zwarte lettertype krijgt.

 

[Janzwart]

In de volgende code moet het # een punt worden.

.musicals_div ul li#active

mvrgr Jan.