Beste leden,
ik ben bezig met een website voor een goede vriendin van mij.
Alleen op een of andere manier wilt het menu niet even groot worden als de wrapper.
990px (ook oudere beeldschermen kunnen nog mee dan)
Ik heb even een test div gemaakt hoelang die moet wezen alleen ik krijg het niet voor elkaar.
Voorbeeld: http://snelpunt.nl
Wie kan mij helpen?
CSS Code:
PHP
/* menu::base */
div#menu {
height: 46px;
padding-left: 10px;
background: url(../images/menu/left.png) no-repeat;
width: 100%;
}
div#menu ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
div#menu ul.menu {
padding-right: 10px;
background: url(../images/menu/right.png) no-repeat right 0;
_background-image: url(../images/menu/right.gif);
}
div#menu li {
position: relative;
margin: 0;
padding: 0 0 0 0;
display: block;
float: left;
z-index: 9;
width: auto;
}
div#menu ul ul li {
z-index: 9;
}
div#menu li:hover>div {
visibility: visible;
}
div#menu a {
position: relative;
z-index: 10;
height: 41px;
display: block;
float: left;
line-height: 41px;
text-decoration: none;
margin-top: 1px;
white-space: nowrap;
width: auto;
padding-right: 5px;
text-align: center;
}
div#menu span {
display: block;
cursor: pointer;
background-repeat: no-repeat;
background-position: 95% 0;
text-align: center;
}
/* menu::level1 */
div#menu a {
padding: 0 30px 0 0;
line-height: 40px;
height: 46px;
margin-right: 5px;
_margin-right: 1px;
background: none;
}
div#menu span {
margin-top: 2px;
padding-left: 30px;
color: #fff;
font: bold 11px Trebuchet MS,Arial,san-serif;
background: none;
line-height: 40px;
}
div#menu a:hover,
div#menu a.over {
background: url(../images/menu/selected-right-sub.png) no-repeat right -1px;
_background-image: url(../images/menu/selected-right-sub.gif);
}
div#menu a:hover span,
div#menu a.over span {
background: url(../images/menu/selected-left-sub.png) no-repeat 0 -3px;
_background-image: url(../images/menu/selected-left-sub.gif);
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
background: url(../images/menu/selected-right-sub.png) no-repeat right -1px;
_background-image: url(../images/menu/selected-right-sub.gif);
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
background: url(../images/menu/selected-left-sub.png) no-repeat 0 -3px;
_background-image: url(../images/menu/selected-left-sub.gif);
}