Voor ICT zijn we momenteel bezig een website te bouwen in HTML, gecombineerd met CSS. Ik ben al vrij ver gekomen. Echter, ik wil dat de menuknop van de pagina waar je bent, dezelfde kleur krijgt als wanneer je erop staat. Ik heb het internet al afgezocht en veel informatie gevonden, maar iedere manier resulteert in dezelfde staat als zonder.

Op internet las ik dat je, voor één specifieke menuknop dan een class en id moet implementeren. Heb ik gedaan, maar er verandert niets.

Ik heb dit stukje in m'n stylesheet staan:

#menu ul {  
   list-style-type:none;  
}  
#menu ul li {  
   display: inline;  
   margin: 0;  
}  
#menu ul li a {  
   padding: 35px; 
   margin: 1;
   background-color: #000000;  
   font-family: arial;
   color: white;  
}

.selected { 
   background-color: #727272; 
}

#menu ul li a:hover {   
   background-color: #505050; 
   text-decoration: none; 
} 
#menu ul li a:active {   
   background-color: #727272;
}

En dit is wat je bij het menu op een willekeurige pagina ziet:

<div id="menu">
<br>  
<ul>
 <li><a href="index.html">home</a></li>
 <li><a href="news.html">nieuws</a></li>
 <li><a href="about.html">over ons</a></li>
 <li><a href="services.html">diensten</a></li>
 <li class="selected"><a href="contact.html">contact</a></li>
</ul>
</div>

Ik heb gewoon gedaan wat me op internet gezegd wordt, maar er komt gewoon niets uit. Iemand die me kan vertellen wat ik verkeerd doe?

Bewerkt: 21 maart 201312 jaren door Grand Theft Auto TOM

Verander

.selected { 
       background-color: #727272; 
}

in

#menu ul li.selected a { 
       background-color: #727272; 
}

Dan zou het moeten werken.

Ah, inderdaad. Het werkt. Bedankt!

Je moet geen div meer gebruiken voor je menu maar een nav element. Dan is het HTML5 semantisch correct.

Je moet geen div meer gebruiken voor je menu maar een nav element. Dan is het HTML5 semantisch correct.

Maar je wilt, neem ik aan, dat je website er ook nog goed uitziet in een prehistoriche browser zoals IE (8 <)

Je moet geen div meer gebruiken voor je menu maar een nav element. Dan is het HTML5 semantisch correct.

Ik gebruik geen HTML5, omdat onze docent ICT wilde dat we een 'gewone' HTML-site bouwen met CSS elementen erin. Meer niet.

Oke sorry.