Wat is de URL van je website?
Welk Theme gebruik je?
Zo kunnen we hier advies op maat geven.
kan je een link naar je site plaatsen? dan kunnen we even kijken.
Hoi Minou,
Je ingegeven z-index deed niets, waarschijnlijk omdat je geen position had aangegeven. Z-index kan niet zonder position.
.menu-navigation {
clear: both;
border-top: 1px solid rgb(50, 50, 50);
border-bottom: 1px solid rgb(238, 238, 238);
margin-bottom: 20px;
position: relative;
z-index: 1000;
Groet,
Lianne
Hoi Lianne,
Als ik dat doe dan komt er ruimte tussen de woorden in het menu. Ik had het inderdaad al geprobeerd, maar dat staat ook niet echt mooi. Nog een tip? Bedankt voor je reactie!
Dit is mijn css nu van het menu
.menu-navigation {clear: both; border-top: 1px solid #323232; border-bottom: 1px solid #eee; margin-bottom: 20px;}
#navigation ul li {float: left; font-size: 16px; font-weight: bold; height: 40px; line-height: 40px; padding-left: 10px; position: relative;}
#navigation ul li a {display: block; white-space: nowrap; color: #4B3E34; padding-right: 12px;}
#navigation ul li a:hover {color: #F50065;}
#navigation ul li.ddhover {background-color: #9b4375; z-index: 5;}
#navigation ul li.ddhover a.ddhover, #navigation ul li.ddhover a.ddhover:hover {color: #fff; position: relative; z-index: 6;}
#navigation ul li.parent {padding: 0 10px;}
#navigation ul li.parent a {background: url(“images/menu-parent.png”) 100% 16px no-repeat;}
#navigation ul li.parent a.ddhover {color: #fff; background: url(“images/menu-parent.png”) 100% -56px no-repeat; line-height: 40px; border-bottom: 1px solid #9d9d9d;}
#navigation ul.sub-menu {position: absolute; left: 0; z-index: 1000; display: block; visibility: hidden; background-color: #9b4375; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px;}
#navigation ul.sub-menu li {float: none; height: 27px; line-height: 27px; font-size: 13px; font-weight: bold; padding: 0 10px !important;}
#navigation ul.sub-menu a, #navigation ul.sub-menu a:hover {color: #fff; background: none !important;}
#navigation ul li ul li:hover, #navigation ul li ul li.ddhover {background-color: #9b4375;}
#navigation ul.sub-menu a.ddhover {border-bottom: none !important; line-height: 27px !important;}
#navigation ul.sub-menu li.parent > a {background: url(“images/menu-parent2.png”) 100% 11px no-repeat !important; padding-right: 15px;}
Oh Lianne! Super ik had toch wat fout gedaan had je code gekopieerd en nu doet hij het 😀
Vergeet aub niet de thread als ‘resolved’ / ‘opgelost’ te taggen in de rechter zijbalk.
