Elks hebben ze een lichtgrijze kader. Wanneer je met je muis over een menuoptie gaat wordt de kader donker grijs.
Ik wil ervoor kunnen zorgen dat ik de kader van Home kan aanpassen van kleur wanneer iemand in Home zit, zodat de kleur bijvoorbeeld automatisch donker grijs is waaraan je kan zien dat je in Home zit.
Dit is mijn html code, deze zit in een div <div id="menubalk"> in de div <div id="header">
<ul>
<li><a href="home.php">Home</a></li>
<li><a href="profiel.html" >Profiel</a></li>
<li><a href="vrienden.html" >Vrienden</a></li>
<li><a href="leden.html" >Leden</a></li>
<li><a href="gamelijst.html" >Gamelijst</a></li>
</ul>
Dit is mijn css
/*List*/
#header ul
{
list-style-type: none;
float:right;
margin: 6px 0 0 0;
padding: 0px;
}
/*List Item*/
#header ul li
{
display: inline;
float: left;
font-size: 12px;
margin: 5px;
position: relative; right: 40px; top: 10px;
}
/*Extra Layout List*/
#header ul li a
{
padding: 10px;
background-color: #C0C0C0;
font-family: Verdana;
color: black;
}
/*Link*/
#header a:link
{
color:#000000;
text-decoration:none;
font-weight: bold;
}
/*Muis over Link*/
#header a:hover
{
color: #FFFFFF;
text-decoration: underline;
background-color:#303030 ;
font-weight: bold;
} 