Avatar billede Keld Nielsen Professor
02. januar 2007 - 15:39 Der er 4 kommentarer og
1 løsning

CSS menu - fold ud - med variabel højde

Jeg har fundet en god "fold ud" menu her: http://www.cssplay.co.uk/menus/vertical_slide.html

Den eneste fejl er at hver undermenu-punkt fylder det samme.

Findes der en metode til at lave den variabel.

Det må ikke være med kald af forskellige class eller lignende, da siden skal vedligeholdes af en nybegynder bagefter.
Avatar billede htm Nybegynder
05. januar 2007 - 20:07 #1
- Kopier første linie af CSS'en og sæt den ind lige efter.
- Slet ", ul ul" fra den første og slet "ul.menu1," fra den næste.
- Slet så "height: 22em;" fra ul ul
- slet "height: 14em;" og "height: 12em;" længere nede.

Voila!
Avatar billede Keld Nielsen Professor
05. januar 2007 - 21:15 #2
Hej

Det har jeg prøvet, så ser CSS-delen sådan ud ...men desværre stadig med samme "fejl"

ul.menu1 {padding:0; margin:0; border:0; list-style-type:none; overflow:hidden; background:#f8f8f8; width:14em; text-align:left; color:#fff; border:1px solid #606;}
ul ul {padding:0; margin:0; border:0; list-style-type:none; height:22em; overflow:hidden; background:#f8f8f8; width:14em; text-align:left; color:#fff; border:1px solid #606;}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {
    margin-bottom:-2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
}
ul.menu1 li a,
ul.menu1 li a:visited {display:block; width:14em; height:2em; line-height:1.9em; text-decoration:none; color:#606;}
ul.menu1 li a.last,
ul.menu1 li a.last:visited {
    display:block;
    width:14em;
    line-height:2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #000000;
}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a,
ul.menu1 li a:hover {border:0; color:#00c; font-weight:bold;}
ul.menu1 li:hover ul,
ul.menu1 li a:hover ul {display:block; width:12em; margin-top:-1px; background:#def; border:1px solid #000;}
ul.menu1 li:hover ul li a,
ul.menu1 li a:hover ul li a {height:2em; background:#def; color:#00c; font-weight:normal;}
ul.menu1 li:hover ul li:hover a,
ul.menu1 li a:hover ul li a:hover {background:#00c; color:#fff;}
Avatar billede Keld Nielsen Professor
05. januar 2007 - 21:17 #3
åhhhh ....man skal læse hvad der bliver skrevet, byttede om på hvor jeg skulle slette noget!

Nu virker det ...FLOT ....smid et svar !
Avatar billede htm Nybegynder
05. januar 2007 - 21:27 #4
ok :-)
Avatar billede roenving Novice
24. januar 2007 - 22:57 #5
Yderligere input kunne være: http://www.eksperten.dk/spm/485556#rid4489881 !-)
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