Bild in Header einfügen

Hallo Community,

meine Seite heißt http://www.myschoolpad.de

Oben rechts im Header ist eine Suchleiste. Neber dieser Suchleiste möchte ich gerne ein kleines Bild einfügen. Ich hatte die Idee, das Bild direkt in der Header.php einzufügen und dieses dann per CSS mit float, top u.s.w zu positionieren.

Wen ich nun das Bild in meine Header.php einfüge, habe ich allerdings das Problem, das sich irgendetwas im Header verschiebt, meist das Logo, welches sich dann z.B weiter nach unten verschiebt, was blöd aussieht.

Wie kann ich das Bild in den Header infügen, ohne das sich andere Elemente verschieben?

Grüße, Jezzy.

Guten Abend,

ich habe nun eine Lösung gefunden. Ich habe einfach den Link meines Bilder per CSS in den Hintergrund meines Headers eingefügt.

Der Code sieht so aus:

Zitat

/* =Header
-----------------------------------------------*/
#branding {
margin-top: 15px;
}
.hgroup-wrap {
padding-top: 15px;
padding-bottom: 35px;
[COLOR=#800000]background:url("http://www.myschoolpad.de/wp-content/upl…/LUPE-TEST3.jpg") no-repeat scroll right center transparent ; [/COLOR]
u.s.w........
}

Alles anzeigen

Nun habe ich jedoch das Problem, dass ich das kleine Bild, also die Lupe nicht mit width, height top u.s.w verschieben kann, das sich dann auch mein normales Logo links im Header verschiebt. Wie muss ich vorgehen, damt sich nur die Lupe verschiebt? Bitte um Antworten, Danke.