beste SD,

ik ben bezig met een drop down menuutje..
ik heb daarmee een klein probleempje..
als ik het menu laat uit klappen komen er normaal netjes de sub menu buttons te staan. maar als ik dat nu wil komen de sub menu buttons niet onder elkaar te staan maar bovenop elkaar.
ik kom er maar niet uit waar dat aan kan liggen.
in ieder geval iets met position maar ik kom er maar niet achter..
wie o wie ziet de fout?

css code:

Code:

#menu ul {padding:0; margin:0; list-style-type: none;}
#menu li {float:left; position: relative;}
#menu a, #menu a:visited {display:block; width:160px; font-size:12px; color: #ffffff; height:12px;text-decoration:none; text-align: center; border-left: 1px #ffffff solid; margin-top: 2px;}
#menu li ul li a, #menu li ul li a:visited { border-bottom: 1px solid #FFFFFF; position: absolute; background-image: url(img/submenu-bg.png); background-repeat: repeat; height: 20px; line-height: 20px; float: left; border-left: none;}
#menu li:hover > a{ }
#menu li ul {display: none;}
#menu li:hover > ul {display:block;top:0;}
#menu > li:hover > ul {left:0;}

live voorbeeld:
http://birdwebdesign.nl/menu-fout.html

alvast bedankt!

Groeten,
Harmen Vogel

Als je de #menu ul li ul li een vaste hoogte geeft en position:relative; en #menu ul li ul position:absolute; met left:0; en top:12px;..
En #menu ul li ul standaard op visibility:hidden;
Maar bij #menu ul li:hover ul { visibility:visible; }
Aanvullend bericht:
Hier is de link hoe hij hoort te zijn!
http://psd-xhtml.nl/menu-fout.html

Groetjes,
Stijn

Dit is precies wat ik zoek! Ik ben beginnend html en css'er en loop tegen hetzelfde probleem aan.

Alleen ik begrijp de onderstaande code niet, jammer dat de link niet meer werkt.

Zou een van jullie mij kunnen helpen?

Met vriendelijke groet.

San.

Ik heb hem weer even voor je online gezet Sandra,
http://psd-xhtml.nl/menu-fout.html

Mvg,
Stijn Zanders

Hoi Stijn,

Bedankt!
Nu heb ik echter een vraag, ik wil de 'buttons' horizontaal ipv verticaal.
Kun je/u me daarbij helpen?

Mvg,

Sandra.

Horizontaal: http://psd-xhtml.nl/menu-fout-horz.html
Verticaal: http://psd-xhtml.nl/menu-fout.html