Søg
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
<ole>

http://www.dhtmlcentral.com/projects/coolmenus/

/mvh
</bole>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:24 Google driller på MS Edge Af ErikHg i Browsere
I dag 15:48 søger pris på en bærbar Af dcedata1977 i PC
06/1119:03 iMac 2026 M6 10-core GPU (standart ell opdatering) Af LLG i Mac
06/1109:43 Vista Af susej14 i Andet software
05/1111:47 Printernavn i Enhedshåndtering er et andet end i Printere og Scannere Af Uvanga i Printere
White papers
Flere white papers »