<!-- TOP HEADER BAR / Start navigation on top in blau =========================================== --> <header> <nav> <!-- nav menu --> <div id="feature6"> <div class="container clearfix"> <div class="grid_12"> <ul id='navi' > <?php wp_list_pages('title_li=&exclude=376,338' ); ?> <ul class="children"> </ul> </ul> </div> </div> </div> </nav> </header> <!-- TOP HEADER BAR / End =========================================== -->
Und hier das CSS dazu
/*-------------------------------------- Navigation ------------------------------------*/ /*suckerfish navi - sucker deaktiviert horizontale Hauptnavigation*/ #navi { float:left; padding-left:100px; margin:0px auto; } #navi li { float:left; list-style-type:none; color:black; padding:2px 3px 2px 2px; } #navi li a{ display:block; text-decoration:none; padding:6px 8px 2px 8px; color:#FFFFFF; } #navi li a:hover{ } #navi li sfhover { background:#efefef; } #navi li li { float:none;margin-left:-20px; } #navi li li a{ background:rgba(255,255,255,0.7);border:1px solid #c80c1b; padding-left:15px; color:#666666; } #navi li li a:hover{ } #navi li li sfhover { background:#efefef; color:#9b0b01; } #navi ul{ position:absolute; font-size:16px; left:-9999px; } #navi li:hover ul {left:auto;} menü einblenden #navi li.sfhover ul{left:auto;} #navi li:hover ul ul{left:-99999px;} #navi li:hover ul ul ul{left:-99999px;} #navi li.sfhover ul ul{left:-99999px;} #navi li li:hover ul, #navi li li li.sfhover ul{left:10em; top:.75em;} /* aktiver button - navi */ #navi .current_page_item a { border:1px solid #eef9ed; text-decoration:none; color:#000033; } .feature8 .current_page_item a { background:#8B9F84; text-decoration:none; color:#000033; } #navi .current_page_parent {border:1px solid #eef9ed;}