Logo wird nicht angezeigt

Ich hatte versucht, ein anderes Logo in den Header einzubetten. Die größe des Headerbereiches ändert sich zwar nach Anpassung schon, aber eine Grafik ist nicht zu sehen.

Der Code.

/* Begin Typography & Colors */
body {
        font-size: 62.5%; /* Resets 1em to 10px */
/*     font-family: "Trebuchet MS", Arial, sans-serif; */
        font-family: Arial, Helvetica, sans-serif;
        [B]background: #a9ac99 url(/images/logo.jpg) no-repeat top right;[/B]
        color: #333;
        text-align: center;
        }


#page {
        background-color: #DBDBDB;
        border: 1px solid #959596;
        text-align: left;
        }


#header {
        background-color: #DBDBDB;
        [B]background: url(/images/logo.jpg) no-repeat bottom center;[/B]
        }
/* End Typography & Colors */


/* Begin Structure */
body {
        margin: 0;
        padding: 0;
        }


#page {
        background-color: white;
        margin: 0px auto;
        padding: 0;
        [B]width: 760px;[/B]
        border: 1px solid #959596;
        }


#header {
        padding: 0;
        margin: 0 auto;
        [B]height: 250px;[/B]
        width: 100%;
        background-color: #73a0c5;
        }


#headerimg {
        margin: 0;
        [B]height: 250px;[/B]
        width: 100%;
        }

Die Grafik hat Abmessungen von 741x247 Pixel. Ich habe die Stellen, die ich abgeändert habe, fett markiert. Meinem Verständnis nach sind das alle Stellen, die angepasst werden müssen. Kann mir jemand sagen, wo das her kommt?

Zitat von SuMu

warum soll die grafik in background und in header ? einmal sollte auch reichen ;-)
und das hier / vor images weg.

Weil das in der Style.css grundsätzlich so vorgegeben war. Ich kann das natürlich ändern. Aber ich wollte dem Autor grundsätzlich vorerst mal nicht ins Handwerk pfuschen. Aber auch mit dem entfernen des Markups ändert sich die Ausgangslage nicht. Wenn ich die CSS-Eigenschaften nach der hexadezimalen Farbangabe entferne und das Logo nur noch im Header aufgerufen wird, ändert sich ebenfalls nichts an der Situation.

Zitat von Jeriko

Das Problem ist meiner Meinung nach der /. Dadurch erwartet er das Bild bei http://www.domain.tld/images/logo.jpg. Oder ists da gespeichert? Ein Link zum Blog wäre hilfreich.

Gruß Jeriko

Windows Vista Blog

Den Slash hatte ich bereits nach SuMu´s Hinweis entfernt. Der Code lautet jetzt wie folgt.

/* Begin Typography & Colors */
body {
        font-size: 62.5%; /* Resets 1em to 10px */
/*        font-family: "Trebuchet MS", Arial, sans-serif; */
        font-family: Arial, Helvetica, sans-serif;
        background: #a9ac99;
        color: #333;
        text-align: center;
        }


#page {
        background-color: #DBDBDB;
        border: 1px solid #959596;
        text-align: left;
        }


#header {
        background-color: #DBDBDB;
        background: url(images/logo.jpg) no-repeat bottom center;
        }
....
....
....
/* End Typography & Colors */


/* Begin Structure */
body {
        margin: 0;
        padding: 0;
        }


#page {
        background-color: white;
        margin: 0px auto;
        padding: 0;
        width: 760px;
        border: 1px solid #959596;
        }


#header {
        padding: 0;
        margin: 0 auto;
        height: 250px;
        width: 100%;
        background-color: #73a0c5;
        }


#headerimg {
        margin: 0;
        height: 250px;
        width: 100%;
        }
....
....
....
/* Begin Structure */

Zitat von Putzlowitsch

Da kann man in der CSS-Datei schreiben, was man will, wenn das dann in der Seite selber wieder zunichte gemacht wird:

Code

#headerimg         { background: url('http://www.winvista-forum.de/wordpress/wp-content/themes/bleibtallesanders/images/personalheader.jpg') no-repeat top;}

Nun gibt es drei Möglichkeiten, das Problem zu beheben:

1. die Zeile aus der header.php entfernen und das Bild in der CSS-Datei konfigurieren
2. das Logo in 'personalheader.jpg' umbenennen oder
3. in der o.g. Zeile den Dateiname in '.../logo.jpg' ändern

Gruß
Ingo

Sorry, aber Du irrst. Denn der von dir zitierte Code lautet

/*
#headerimg   { background: url('<?php bloginfo('stylesheet_directory'); ?>/images/personalheader.jpg') no-repeat top;}
*/
bzw.
/*
#headerimg   { background: url(http://www.winvista-forum.de/wordpress/wp-content/thermes/bleibtallesanders/images/logo.jpg) no-repeat top;}
*/

und ist somit ein Kommentar, welcher nicht berücksichtigt wird. Damit mir aber niemand nachsagen kann, ich hätte es nicht versucht, tat ich dieses. Und auch dies blieb Ergebnislos.
Und nebenbei wird ja nicht nur mein Logo nicht abgezeigt, sondern gar keines. Wenn Du also recht hättest, und der Markup in der header.php die Deklaration der Style.css überschreiben würde, würde ja wenigstens dieses Logo angezeigt werden.

Zitat von Putzlowitsch

Ähmmm, ja. Jetzt sehe ich es auch. Peinlich:neutral:

Aber es geht ja, wie ich gerade bemerkt habe nicht um #headerimg sondern um #header, und das steht noch nicht auskommentiert in der zeile hinter body im Seitentext im Style-Bereich. Wer schreibt auch sowas in eine Zeile ohne Zeilenumbruch? Oder hab ich schon wieder schief geguckt?

Gruß
Ingo

Nein, Du hattest dich nicht verschaut. Und trotzdem stand das nicht in einer Zeile. In der header.php stand in der Style-Deklaration noch Markup, der über den reinen Seitenquelltext nicht angezeigt wurde. und wie es der Zufall so wollte, lag genau da der Fehler. Auf die header.php kam ich nicht. Ich hätte den Fehler in der style.css vermutet.

Auch, wenn das jetzt vom Titelthema abweicht: Welche Datei ist für den Seitenhintergrund verantwortlich?

Ich habe unter /* Begin Typography & Colors */ unter der Deklaration body das Background-Image eingetragen. Kein Ergebnis. Dann habe ich einen Screenshot vom Blog erstellt, um mittels Photoshop den hexadezimalen Farbcode zu ermitteln, um diesen dann in der style.css suchen zu können. Dieser Farbcode taucht nur an zwei Stellen auf:

1. a,h3 a:hover, was eine reine Text-Deklaration ist und ...
2. a:hover, welcher Eigenschaft eine background-color zugewiesen wurde. Sollte also für den Background zuständig sein, obwohl ich nicht nachvollziehen kann, was der Background mit Hover zu tun hat. Aber der Farbcode war ja an keine anderen Position zu finden.

Von der ganzen Seite.

Windows Vista Blog

Links und rechts vom Blog, so 'ne Art rosa (#78505B; nur damit klar ist, was ich meine).