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

Soms kan je niet anders en moeten links naar een externe site openen in een nieuw venster, maar je kan niet target=_blank gebruiken omdat dan je XHTML niet meer XHTML zou zijn. Met een beetje javascript kan je dit oplossen:

Detecteer links in je website naar documenten – *.doc, *.xls, *.pdf – en voeg de betreffende class toe aan de links, voor als je bijvoorbeeld een icoon wilt toevoegen via CSS. Er bestaat ook een pure CSS oplossing hiervoor.

Een link <a> is een inline element, bewijs hiervan is als je een link in een stuk tekst zet zal deze niet op een nieuwe lijn beginnen. Maar soms wil je juist wel dimensie geven aan een link (navigatie, etc …), dan kun je niet anders dan er een block-element van te maken (indien je hoogte, breedte en margin wenst toe te voegen).
Als de links (meerdere) langs elkaar moeten komen kan je inline-block gebruiken of block in combinatie met float.

Een crossbrowser navigatie maken is eigenlijk niet zo moeilijk als je maar rekening houd met de verschillen die er zijn. Om de gehele blok te kunnen gebruiken voor de links is de breedte op auto voor de betere browsers, terwijl voor IE6 de breedte op 100% moet worden gezet om alles naar behoren te laten werken.