<body>
<div class="wrap">
<div class="header">
<a href="#"><img src="pfad/zum/header.jpg" alt="Header" /></a>
<h1 class="logo"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
<div class="subscribe_email"><a href="<?php bloginfo('rss2_url'); ?>">Subscribe<br />in a rss</a></div>
</div>
<ul class="menu" id="nav">
<li><a href="<?php bloginfo('url'); ?>">Home</a></li>
<?php wp_list_pages('hide_empty=0&title_li='); ?>
</ul>
Alles anzeigen
Das erstmal für den Teil HTML
Nun musst du , wie in meiner Grafik ( s. link unten ) das Header Bild in 2 Teile teilen. Einmal den Header selbst, und einmal den Hintergrund für die Navigation. Der Header wird als IMAGE siehe
Zitat
<a href="#"><img src="pfad/zum/header.jpg" alt="Header" /></a>
eingebettet.
Darunter , also unter dem Div Header kommt die unsortierte Liste, sprich <ul>. Das bekommt laut CSS genau die Breite , wie es der Header auch hat. Höhe wird hierbei durch das zugeschnittene Hintergrundbild der Navigation bestimmt, wie ich oben schon geschrieben habe.
Dann musst du nur noch alles, ausser dem Bild im Header Div rauslöschen oder mit CSS display:none ausblenden.
Hier das Bild. Grün = verlinktes Headerbild, Rot = Navigationhintergrundbild.
Must ebend das aktuelle Hintergrund durchschneiden.
http://wishuload.de/images/1280080302-67877-bsp.jpg
Das DIV #NAVIGATION im CONTENT BEREICH bitte ignorieren, vergessen rauszulöschen.
Ich hoffe, ich konnte dir soweit erstmal helfen.