beste mensen,
ik ben bezig met een dropdown menu.
als ik een submenu item toevoeg bij een hoofd menu item dan gaat de submenu ONDER de content.
het is te hier te bekijken... http://cms.birdwebdesign.nl/wb
als je dan over menu item: 'onze diensten' gaat dan zie je dat submenu item een heel klein stukje zichtbaar is aan de rechterkant van het menu en dat de rest onder de content zit.. maar sub menu item moet uiteraard over alles heen
hieronder is de css code:
wie o wie weet wat er fout gaat?
groet, Harmen Vogel
ik ben bezig met een dropdown menu.
als ik een submenu item toevoeg bij een hoofd menu item dan gaat de submenu ONDER de content.
het is te hier te bekijken... http://cms.birdwebdesign.nl/wb
als je dan over menu item: 'onze diensten' gaat dan zie je dat submenu item een heel klein stukje zichtbaar is aan de rechterkant van het menu en dat de rest onder de content zit.. maar sub menu item moet uiteraard over alles heen
hieronder is de css code:
Code:
#pmenu, #pmenu ul {
padding:0;
margin:0;
list-style-type: none;
}
#pmenu {
margin:5px 0 20px 15px;
overflow: hidden;
}
#pmenu li {
float:left;
position:relative;
}
#pmenu a, #pmenu a:visited {
display:block;
width:233px;
font-size:11px;
color: #000000;
height:23px;
line-height:18px;
text-decoration:none;
text-indent:25px;
background-image: url(img/button.png);
margin-bottom: 5px;
position: relative;
}
#pmenu li ul li a, #pmenu li ul li a:visited {
display: block;
position: absolute;
margin-left: 233px;
}
#pmenu li:hover > a{
font-weight: bold;
color:#c00;
}
#pmenu li ul {
display: none;
float: left;
}
#pmenu li:hover > ul {
display:block;
position:absolute;
top:0;
}
#pmenu > li:hover > ul {
position: absolute;
}
wie o wie weet wat er fout gaat?
groet, Harmen Vogel