Een horizontaal menu, zonder tabellen

Een horizontaal menu, zonder tabellen


Een horizontaal menu maken, zonder tabellen te gebruiken. Voor veel mensen al gesneden koek,
toch nog even de basis op een rijtje. Door gebruik te maken van een ongeordende lijst en
deze horizontaal neer te zetten, krijg je prima menu’s. Wanneer je er nog een paar stijlen
op los laat kun je hiermee zeker je site verfraaien.

We gaan dus een menu maken aan de hand van een ongeordende lijst. Dat menu ziet er in html als volgt uit:

Dit is het resultaat:

Zoals je ziet verschijnt er een verticaal menu.
We hebben het menu de unieke naam ‘navigatie’ gegeven, met behulp van ‘id’.
Deze unieke naam mag dus maar een keer worden gebruikt op je website.
We gaan nu het stijlblad toevoegen.

Even een toelichting. Het meeste wordt gebruikt om het menu te verfraaien. Twee
regels moet je even aandacht geven; ‘white-space: no-wrap;’ zorgt ervoor dat je menu
niet ineens over meerdere regels komt te staan en daarmee je lay-out ineens verpest.
‘display: inline;’ zorgt ervoor dat het menu horizontaal verschijnt. Deze twee vomen de
basis. De rest kun je aanpassen naar wens.

          Leuk als je dit artikel deelt:
Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *