mijn link achtergrond laten veranderen werkt niet.

[ferentuske]

Het is dus de bedoeling dat ik zie op welke pagina ik mij bevind.
bv bij hover kleurt de achtergrond groen.
ik zou dus willen hebben als ik op die pagina zit dat hij ook groen kleurt maar dit werkt blijkbaar niet.
een border eronder trekken lukt dan wel.

Iemand enig idee ???

<div id="left">
            <ul>
                <li><a class="huidigepagina" href="index.html">Home</a></li>
                <li><a href="producten.html">Productenlijst</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>

    #left ul {  
        list-style-type: none;  
    }  
    #left ul li {  
        margin: 0;
        margin-left:-40px; 
    }  
    #left ul li a 
    {  
        display: block; /* Nieuw */  
        padding: 15px;  
        background-color:#182983; 
        font-family: Verdana;  
        color: white;  
    }  
    #left ul li a:hover {  
        background-color: #97c00e;  

    }
.huidigepagina
{
    background-color: #97c00e;  
   
  
    
}

 

[Naarling]

#left ul li a.huidigepagina werkt wel. Het probleem is dat je met #left ul li a een erg sterke en precieze opdracht hebt gegeven (vooral door het gebruik van een id in plaats van een class). CSS negeert alle opdrachten die daarna komen, tenzij ze minstens net zo sterk zijn. Het is daarom beter om voor CSS geen IDs maar classes te gebruiken. Als je in jouw geval van left een class maakt, dan werkt .huidigepagina wel.

 

[ferentuske]

idd dit werkt heel erg bedankt