Navigationsbar driller

Her kan du få hjælp og stille spørgsmål til JavaScript!
Besvar
KHIT
Entusiast
Entusiast
Indlæg:28
Tilmeldt:16. sep 2011, 18:34
Navigationsbar driller

Indlæg af KHIT » 16. mar 2012, 17:32

Hej
Jeg har hentet filerne til navigationsbaren fra javascript video #14 og har som sådan, efter lidt bøvl, fået den til at virke på min side.
Jeg har ændret lidt i CSS-filen der fulgte med, og menuen opfører sig nu en smule mærkeligt.
Her er screenshot fra inden jeg implementerde navigationsbaren på min side: http://gupl.dk/675966/
Og efter: http://gupl.dk/675967/
Redigeret CSSnav.css: http://pastebin.com/wXXz73dv
index-fil: http://pastebin.com/P1v0VesA
Egen CSS-fil: http://pastebin.com/6MmYLfQZ
Den virker som den skal, så der hvor der er underpunkter/undermenuer kommer de også frem når jeg kører musen hen over, men de to midterste menuer falder nærmest helt sammen, og så er teksten helt i bunden af menuen, men jeg vil gerne have den lodret centreret.
Er det noget der nemt kan fixes, eller kræver det et større indgreb?

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Navigationsbar driller

Indlæg af ThomasI » 16. mar 2012, 18:32

Dine 2 stylinger modsiger hinanden:

Kode: Vælg alt

id="menubar" class="nav"
Du angiver f.eks forskellige højder i hver styling?

Hvorfor bruger du både class og id? - hold dig til én! :)

Du kan sandsynligvis få flyttet din nav bar ned ved at tilføre margin-top:40px; til din #menubar eller .nav ( men vælg venligst én af dem )...

Du henviser også til en id="menu" men i din css findes der ingen #menu...så du skal nok bare holde dig til din class ( også fordi stylingen bruges flere gange )...

Er ikke sikker på hvad du mener med at din midterste menu falder helt sammen??

Men tror overordnet set at det er fordi du både bruger class og id at det hele går galt..så få lige rettet det ;)

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Navigationsbar driller

Indlæg af ThomasI » 16. mar 2012, 18:36

Daniel har forresten lavet en lille artikel med en nav bar der også har dropdown - den behøver bare ikke JS...

Den er måske lidt mere simpel, så måske kan du bruge den istedet:

http://www.nemprogrammering.dk/gtuts/ar ... ml_css.php

Besvar