Moin,
wenn ich Dich richtig verstehe, hast Du den angegebenen Code direkt in die header.php eingefügt? Das wäre dann der falsche Ort, die Anweisungen gehören in die style.css.
Du kannst aber etwas anders vorgehen. Schnapp Dir die header.php. Folgender Schnippsel gibt den Header aus:
<div id="header">
<a href="<?php bloginfo('url'); ?>/" id="sitename"><!--fifty fifth street--><?php bloginfo('name'); ?></a>
<ul id="nav"><?php wp_list_pages('title_li=&depth=1'); ?></ul>
<?php get_search_form(); ?>
</div>
Der Schriftzug wird hier erzeugt (Ausschnitt aus dem Code oben):
<?php bloginfo('name'); ?>
der Rest der Zeile (davor und dahinter. Diesen Ausdruck kannst Du direkt durch die Grafik (ntropy-gerader-Schnitt-abgerundet-e1283200564915.jpg ... ich würde doch am Dateinamen noch etwas feilen...
) ersetzen, inklusive Pfadangabe versteht sich. Ich mach das hier mal mit dem direkten Pfad:
<div id="header">
<a href="<?php bloginfo('url'); ?>/" id="sitename"><!--fifty fifth street--><img src="http://ntropy.de/wp-content/uploads/2010/08/ntropy-gerader-Schnitt-abgerundet-e1283200564915.jpg"></a>
<ul id="nav"><?php wp_list_pages('title_li=&depth=1'); ?></ul>
<?php get_search_form(); ?>
</div>
Damit wird die Verlinkung des Headers erhalten, wer auf die Grafik klickt landet auf der Startseite. Wie Du aber dem angehängten Screenshot unschwer entnehmen kannst, ist danach eine Anpassung der Werte in der CSS-Datei notwendig. Wenn Du die Höhe (height)
#header {
border-bottom:1px solid #E6E6E6;
height:120px;
margin-bottom:20px;
}
auf 120px setzt, dann passt es wieder. Als nächstes solltest Du Dir dann mal die Breite der Navigation vornehmen, der letzte Link wird in die nächste Zeile umgebrochen. Setzt Du die Breite (width) zum Beispiel auf 460px, dann sieht es gleich ganz anders aus
#nav {
float:left;
font-size:1.6em;
line-height:0.5px;
padding-top:20px;
width:460px;
}
Siehe screenshot2.jpg. So, das macht 20 Euro.... :mrgreen:
Einen schönen Tag
Marc