Een navigatie kan zoveel vormen aannemen, hier een eenvoudige maar fraaie navigatie met onderlijning bij mouseover.

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 tabbed navigatie die zonder page-refresh inhoud verandert door middel van Jquery:

Bij het hoveren over de links, in bijvoorbeeld een navigatie, kun je het visuele effect toevoegen dat er een pijl je muisaanwijzer volgt om aan te geven dat je over de specifieke link aan het hoveren bent. Dit kan eenvoudiger met Javascript gedaan worden, maar een pure CSS oplossing is toch weer dat beetje leuker.