Ecco
codice:
<div class="menusx">
</div>
<div class="menucen">
<?php wp_nav_menu( array(
'theme_location' => 'nav_uno',
'container_class' => 'menu',
'menu_class' => 'menu',
'link_before' => '<span>',
'link_after' => '</span>',
) ); ?>
<div class="clear"></div>
</div>
<div class="menudx">
</div>
questo il css
codice:
.menucont {margin: 0 auto;}
.menusx {background-image: url(immagini/menulatosx.png); width: 60px; height:45px; float:left; }
.menucen {background-image: url(immagini/menucentrale.png); background-repeat: repeat-x; width: 840px; height:45px; float:left; text-align: center;}
.menudx {background-image: url(immagini/menulatodx.png); width: 60px; height:45px; float:left; }
.menu { font-family: 'chopinscriptregular'; font-size: 24px; height: 45px; margin: 0; text-align: center;}
.menu li {list-style: none; float: left; padding: 0 11px; margin: 0 auto; text-align: center;}
.menu li a {
background-color: #00000;
text-decoration: none;
display: block;
float: left;
line-height: 45px;
text-align: center;
}
.menu li.current_page_item a { }
.menu li a:hover { }
è provvisorio però il codice. si vede giusto ma non credo vada bene. Vorrei ottenere in modo più elegante una cosa di questo tipo
codice:
in px
<---------------960--------------->
<--60--><----menu 840-----><--60-->
e le varie voci dovrebbero allinearsi al centro del div menu 840.
Quindi evidenziare i link attivi eccetto che le due ancore nel menu. Altrimenti quando mi trovo nella home page mi evidenzia il link "home" e due ancore.
Grazie