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? :

Floats moeten altijd gecleard worden als je geen onvoorziene omstandigheden wilt hebben in je layout, hier zijn 5 handige manieren om dit te doen:

Een thumbnail image galerij waarbij de afbeelding een variabele hoogte kunnen hebben.

Een tabbed navigatie die zonder page-refresh inhoud verandert door middel van Jquery: