Hallo zusammen,
ich habe ein blödes Problem, das mich schon seit mehreren Tagen beschäftigt und das mich langsam in den Wahnsinn treibt.
Und zwar möchte ich den Seitentitel (Samt Sub-Titel) und das Suchfeld des Twentyeleven-Themes in die schwarze Menü-Leiste verschieben. Dabei sei noch erwähnt, dass ich die schwarze Titelleiste ähnlich wie bei Facebook am oberen Rand fix und auf volle Seitenbreite positioniert habe:
#access {
background: none repeat scroll 0 0 #000000;
clear: both;
display: block;
float: left;
left: 0;
margin: 0 auto 6px;
position: fixed;
top: 0;
width: 100%;Nun habe ich mir (ganz naiv) gedacht, dass ich es mir sehr einfach machen könnte, indem ich die header.php bearbeite. Mein Gedanke war, dass ich den jeweiligen HTML-Teil für den Titel und Subtitel sowie den Teil für die Suche einfach in <nav id="access" role="navigation"></nav> schiebe und die Inhalte dann dort wie gewünscht positioniere:
<nav id="access" role="navigation">
<div id="page">
<hgroup>
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>
<h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
<?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
<div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
<div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
<?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
<?php
// Has the text been hidden?
if ( 'blank' == get_header_textcolor() ) :
?>
<div class="only-search<?php if ( ! empty( $header_image ) ) : ?> with-image<?php endif; ?>">
<?php get_search_form(); ?>
</div>
<?php
else :
?>
<?php get_search_form(); ?>
<?php endif; ?>
</div>
</nav>[LEFT]
Leider stellte sich dieser Gedanke als zu einfach um wahr zu sein raus. Außer, dass ich die gewünschte Menüleiste habe, haben sich das Suchfeld und der Titel/Subtitel nicht wegbewegt.
Schaue ich mir die Seite nun mit Firebug an, so stelle ich fest, dass <hgroup> und <form> (Titel/Subtitel und Suche) außerhalb von <nav> liegen. :(
Woran liegt das?
Hat jemand einen Tipp für mich, wie ich meine Idee am besten verwirkliche?
[/LEFT]