Dropdown menus maken met puur en alleen CSS

Je moet dit dus eigenlijk zien als dat je links plaatst in unordered listings die je opmaakt en dan met name ook met hover-effecten. Door het commando display op block te zetten ziet hij deze links dus als mooie rechthoekjes, waarvan je dus de achtergrond met en zonder hover kunt instellen.

Denk eraan dat je de hoogte van de box gelijk moet houden bij : #navMenu ul: lineheight (tekst-regelhoogte), #navMenu ul li a: height (hoogte van de link en dus block), #navmenu ul ul: top (de absolute positie van het dropdownmenu t.o.v. het listitem waar deze in zit. Daar moet hij dus onder zitten, het is een soort van topmarge. Let op als je een border bij #navMenu ul li a hebt ingevoerd dan moet je deze er hier 2x bij optellen want dan is het listitem 2x de borderdikte groter geworden.)

Youtube film les 1

Youtbue film les 2