Avatar billede heyn Nybegynder
18. april 2011 - 06:16 Der er 5 kommentarer og
1 løsning

Hvordan laver jeg en menu hvor både niveau 1 og 2 er horisontal?

Hej Eksperter

Hvordan laver jeg en menulinie hvor både 1. og 2. niveau er horisontalt.
Oftest er der en drop down fra 1. niveau, men jeg ønsker at submenupunkterne vises som en horisontal linie under den primære menulinie.
Altså lidt lige som www.dr.dk

MVH Christian
Avatar billede phillips Nybegynder
18. april 2011 - 09:33 #1
Avatar billede heyn Nybegynder
18. april 2011 - 14:10 #2
Fedt nok, jeg har kopieret koden - mange tak.

Hvad gør man så hvis man nu vil have at forskellige 'faner' indsættes når musen er oven på menupunktet el. ej.

F.eks. aktiv-fane.jpg og ikke-aktiv-fane.jpg

Jeg antager man skal ændre i koden

.menu-primary {
  padding-bottom: 100px;
  position: relative;
}
       
.menu-secondary {
  display: none;
  left: 0;
  margin-top: -10px;
  padding-top: 10px;
  position: absolute;
  width: 100%;
}
       
.menu-primary li:hover ul {
  display: block;
}

og desuden oprette en klasse

.menu-secundary li:hover ul {
NOGET KODE
}

Men hvilken kode skal jeg indsætte for at udskifte menufeltet med et billede?

MVH Christian
Avatar billede heyn Nybegynder
18. april 2011 - 14:22 #3
Forresten - Javascriptet er vel uden betydning?
Avatar billede heyn Nybegynder
18. april 2011 - 14:22 #4
Og smid lige et svar :)
Avatar billede phillips Nybegynder
18. april 2011 - 15:16 #5
Jep, javascriptet er min Google Analytics-kode, så den skal du nok ikke kopiere ;-)

Mht. billede er det nemmeste at sætte bare at sætte et baggrundsbillede på de forskellige li-elementer.

background-image: url(sti/til/billede.jpg);
Avatar billede heyn Nybegynder
18. april 2011 - 15:26 #6
Super - Og god påske
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