Avatar billede nph12 Nybegynder
24. januar 2009 - 14:40 Der er 7 kommentarer og
1 løsning

CSS dropdown menu

Hej
Hvordan laver jeg en navigationsbjælke med dropdown?


Punkt1  |  Punkt2  |  Punkt3  |  Punkt4
          Punkt2.1
          Punkt2.2
Avatar billede olebole Juniormester
24. januar 2009 - 15:47 #1
Avatar billede nph12 Nybegynder
24. januar 2009 - 22:36 #2
Kan man lave en dropdown menu med kun CSS? Eller skal man benytte noget javascript til formålet?
Avatar billede dkfire Nybegynder
25. januar 2009 - 15:22 #3
Måske kunne denne side være til inspiration :
http://webdesign101.dk/www/cssmenu/dropdownmenu.php
Avatar billede olebole Juniormester
25. januar 2009 - 18:28 #4
Det giver vel ikke så megen mening at lave en dropdown menu i CSS alene. Det er ret meget i modstrid med den moderne opdeling af web-dokumenter i:

    *) Struktur (HTML)
    *) Præsentation (CSS)
    *) Funktionalitet (Script)

Der har været ret vild debat i W3C om, hvorvidt man overhovedet skulle bevare :hover for links - eller om man skulle udvidde brugen til alle elementer. Af hensyn til bagudkompatibilitet valgte man at beholde den - og for at bevare konsistens i standarden var man desværre nødt til at lade den virke på alle renderbare elementer.

Selvom man kan misbruge CSS til at skabe funktionalitet, kan man ligeså godt bevare logikken i koden og bruge script  =)
Avatar billede nph12 Nybegynder
25. januar 2009 - 22:06 #5
OK. Så dropdown menuen skal altså laves med javascript? Opret et svar, hvis I ønsker point
Avatar billede olebole Juniormester
26. januar 2009 - 09:34 #6
Det bedste er at have menuen liggende som HTML, der bliver styret af CSS/JavaScript. Så kan søgemakinerne finde informationerne
Avatar billede esbensjensen Nybegynder
02. februar 2009 - 00:36 #7
Bare lige et link mere: http://www.cssmenus.co.uk/ - css-menuer uden script..
Avatar billede olebole Juniormester
02. februar 2009 - 01:10 #8
- der som sagt ikke særlig kompatibel med god og moderne kode  =)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester