dropdown met css

Klik

[edit]
forumcodes toegepast
[/edit]

Voor IE moet je dacht ik wel altijd js gebruiken

edit:
Jep ff gezocht kan niet omgaan met hover. Die top IE toch :P. Dus dat wordt js-en.

Je kunt een dropdown- of popupmenu maken dat in alle browsers werkt, inclusief IE. Voor IE maak je dan gebruik van conditional comments om een behaviour te laden. Behaviours zijn alleen in IE te gebruiken en voegen functionaliteit toe aan DOM objecten.

Kijk op deze pagina voor een demo.

edit: zoals je aan de code zult kunnen zien wordt er geen JavaScript gebruikt, alleen CSS :-)

Jan,

Hardstikke bedankt :)

No prob. Hier is een link naar het htc bestand dat je nodig hebt.

edit: en hier is een link naar de tutorial waar ik het vandaan heb.

Jan, erg mooi dat css menu, maar kan het ook horizontaal?

Natuurlijk. Van nature is een <li> element een block-level element (verticaal), maar met de volgende CSS maak je hem inline (horizontaal):

    li {
        display: inline;
    }

Mmm ja die kwam ik allemaal tegen dacht dat het js was.

Kalle schreef op 11.07.2006 20:48

Mmm ja die kwam ik allemaal tegen dacht dat het js was.

Nee, het is CSS. En het mooie daarvan is dat je helemaal geen code hoeft te schrijven voor onmouseover en onmouseout en dergelijke. Dat handelt je browser allemaal netjes af.

Ziet er best wel aardig uit:d