http://www.studio82.nl/new/printscreen.html

Ik heb een css menu gemaakt:

zie code:

Maar nu geeft w3c aan dat ik bepaalde zaken niet goed heb afgesloten wie heeft hier oplossing voor?

<div id="navigatie">
<ul>
<li><a href="#">Health</a></li>
<li><a href="#">Food</a></li>
<li><a href="#">Dilmah Thee</a></li>
<li><a href="#">Consulten</a>
<ul>
<li><a href="#">coaching in the kitchen</a></li>
<li><a href="#">lezingen</a></li>
<li><a href="#">workshops</a></li>
<li><a href="#">projecten</a></li>
</ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Inspiratie</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

Het is aan te raden om goed gebruik te maken van tabs. Dat vergroot de leesbaarheid en kun je zulke foutjes sneller terug vinden. Ik kan hier echter geen fout in vinden, dus waarschijnlijk ligt het ergens anders aan dat de W3C validator je document niet goed keurt.

EDIT: Je was een </li> vergeten, zesde regel. :-)

2 fouten, </li> op regel 6 en ipv <ul> op regel 7 moet je </ul> doen..

sorry maar nog steeds foutmeldingen zowel bij oplossing van @e Zerrouq als @Freek G

Geeft hij alleen foutmeldingen voor die regels dan? Waarschijnlijk ligt het ergens anders aan.

Code:

<div id="navigatie">
<ul>
<li><a href="#">Health</a></li>
<li><a href="#">Food</a></li>
<li><a href="#">Dilmah Thee</a></li>
<li><a href="#">Consulten</a></li>
</ul>
<ul>
<li><a href="#">coaching in the kitchen</a></li>
<li><a href="#">lezingen</a></li>
<li><a href="#">workshops</a></li>
<li><a href="#">projecten</a></li>
</ul>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Inspiratie</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

Zo moet ie goed zijn. :)

@ allen kan iemand de code zo maken dat navigatie er zo uitziet als in onderstaand voorbeeld?

http://www.studio82.nl/new/printscreen.html
Aanvullend bericht:
@Jos van M: je code staat helemaal horizontaal daar kan ik niet veel mee sorry.
Aanvullend bericht:
@ allen: het hoeft alleen statisch als code opgemaakt te worden.

Sorry, kwam door de CODE tags, nu moet ie goed zijn:

<div id="navigatie">
<ul>
<li><a href="#">Health</a></li>
<li><a href="#">Food</a></li>
<li><a href="#">Dilmah Thee</a></li>
<li><a href="#">Consulten</a></li>
</ul>
<ul>
<li><a href="#">coaching in the kitchen</a></li>
<li><a href="#">lezingen</a></li>
<li><a href="#">workshops</a></li>
<li><a href="#">projecten</a></li>
</ul>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Inspiratie</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

@ Jos van M heb je msn? Kun je de navigatieopmaak code zo maken dat het er zo uitziet:

http://www.studio82.nl/new/printscreen.html

Oeps, moest pb!

Origineel gepost door Jos van M

Sorry, kwam door de CODE tags, nu moet ie goed zijn:

<div id="navigatie">
<ul>
<li><a href="#">Health</a></li>
<li><a href="#">Food</a></li>
<li><a href="#">Dilmah Thee</a></li>
<li><a href="#">Consulten</a></li>
</ul>
<ul>
<li><a href="#">coaching in the kitchen</a></li>
<li><a href="#">lezingen</a></li>
<li><a href="#">workshops</a></li>
<li><a href="#">projecten</a></li>
</ul>
<ul>
<li><a href="#">Blog</a></li>
<li><a href="#">Inspiratie</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

Ik zou 'm zo doen, met een geneste lijst:

<div id="navigatie">
<ul>
<li><a href="#">Health</a></li>
<li><a href="#">Food</a></li>
<li><a href="#">Dilmah Thee</a></li>
<li><a href="#">Consulten</a>
<ul>
<li><a href="#">coaching in the kitchen</a></li>
<li><a href="#">lezingen</a></li>
<li><a href="#">workshops</a></li>
<li><a href="#">projecten</a></li>
</ul>
</li>
<li><a href="#">Blog</a></li>
<li><a href="#">Inspiratie</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>

@Gilbert, maar dat is dezelfde code als ik nu heb.

Je menu is niks mis mee.

@S van Laere: klopt maar ik wil het graag zo maken:

http://www.studio82.nl/new/printscreen.html

Alleen de opmaak in code + css kun je mij helpen?

Origineel gepost door Nadine Heesters

@S van Laere: klopt maar ik wil het graag zo maken:

http://www.studio82.nl/new/printscreen.html

Alleen de opmaak in code + css kun je mij helpen?

De categorie is gewoon een kop met onder elke kop een lijst.

Code:

<h3>Categorie 1</h3>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
<h3>Categorie 2</h3>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>

Dat is je HTML, vervolgens nog even stijlen met wat CSS.