Hoe kun je 1 lijst <ul> opsplitsen in meerdere lijsten zonder toevoeging van extra HTML code? Heel eenvoudig, laat de lijst items er zelf voor zorgen, door er afmetingen aan te geven.

Bijna elke webdeveloper gebruikt lijsten om een navigatie te maken, in de lijst maken we dan links en deze floaten we dan en normaal gezien is alles in orde …. voor de moderne browsers. IE6 en IE7 zullen je het trappen effect tonen. Als je het gezien hebt, weet je waarover ik het heb:

Met een één pixel achtergrond afbeelding kan je vele dingen doen, met repeat-x maak je een horizontale lijn, repeat-y maakt een vertikale lijn en met repeat kan je een vlak vullen met kleur. Hoe kunnen we dit nu combineren voor onze sitemap styling? :

Een simpel navigatie menu door gebruik van in elkaar geneste lijsten om zo een uitgeklapt menu te realiseren.

Een menu kaart (spreek: restaurant) stylen.