Hallo zusammen,
ich hab hier ein Free Theme (Paint Job von solidthemes) in dem noch wp_list_pages für das Menü verwendet wird. Ich wollte das ganze jetzt durch wp_nav_menu ersetzen, klappt auch so weit, aber irgendwas wird dabei zerschossen. Ich hab mal einen Screenshot gemacht, die Anzeige des Menü's und die Suchleiste sind nicht so ganz an der richtigen Stelle.
http://imageshack.us/photo/my-images/401/headerhv.jpg/
Nachfolgend noch der Code aus der header.php und der style.css
header.php
PHP
<?php wp_head(); ?>
</head>
<body>
<div id="logo">
<h1></h1>
<h2></h2>
</div>
<div id="menu">
<ul>
<!--<li class="first page_item<?php # if (is_home()) echo ' current_page_item'; ?>"><a href="<?php # echo get_option('home'); ?>/">Startseite</a></li>
<?php # wp_list_pages('title_li=' ); ?>-->
<li> <?php wp_nav_menu( array(
'theme_location' => 'primary',
'menu_class' => 'menu li',
'sort_column' => 'menu_order',
'fallback_cb' => 'wp_page_menu',
)
);?> </li>
</ul>
<div id="search">
<form method="get" action="">
<fieldset>
<input id="s" type="text" name="s" value="" />
<input id="x" type="image" name="imageField" src="<?php echo get_bloginfo('template_url'); ?>/images/search.png" />
</fieldset>
</form>
</div>
</div>
<hr />
<!-- start page -->
<div id="page">style.css
Code
/* ============Menu================ */
#menu {
width: 960px;
height: 62px;
margin: 0 auto;
background: #3a3a3c url(images/nav.png) no-repeat;
}
/* #menu ul {
margin: 0;
padding: 21px 0 0 30px;
list-style: none;
line-height: normal;
}
*/
#menu li {
float: left;
padding: 0 20px 0 22px;
background: url(images/sep.gif) no-repeat left center;
}
#menu li.first {
background: none;
float: left;
}
#menu a {
text-decoration: none;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
text-decoration:underline;
}
/* ==========================Search========================== */
#search {
float: right;
width: 227px;
}
#search fieldset {
border: none;
}
#search input {
float: left;
}
#search #s {
width: 136px;
margin-right: 7px;
padding: 2px 5px;
}
#search #x {
background: none;
border: none;
}