Bild in Header einfügen

Hi yvi,
di bist schon in der richtigen Datei bei header.php.
Dort hast du folgende Zeilen:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Die erste Zeile in dem div ist deine Überschrift "Tanz der Vampire"
Die zweite Zeile ist dann die BEschreibung der Website die du in Wordpress eingegeben hast: "Das Grusical im Theater des Westens"

Wenn du nun 2 Bilder einfügen willst, kannst du die Überschrift so lassen.
Du definierst das einfach mit CSS:
Das erste Hintergrundbild definierst du für h1 und das andere für .description, dabei floatest du beide Elemente nach links:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Wenn du nun den eTxt oben auch weghaben willst, dann gib den beiden Elementen noch ein text-indent:-2000px; im CSS mit

 

In der css:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Au man, ich les einfach zu schlampig, 2 Bilder solln's ja sein....

 

tztztz :mrgreen:

 

hast Du im css auch das float nicht vergessen? Eigentlich sollte das das verhindern...

Aber manchmal passieren hier auch so komische Sachen wo ich erst nach jahrelangem Überlegen hinterkomme, wo der Fehler lag.. Und da ich nicht immer nachfragen will, trickse ich bei sowas dann immer.. in Deinem Fall würde ich einfach EIN Bild erstellen, das aussieht als wären es 2 getrennte Bilder, und würde das dann als normalen Header Background nehmen.. Dann gibts keine Problem mit der Schrift und man müsste auch sonst nichts ändern.
Ansonsten fällt mir spontan nur ein, das Problem mit mehreren divs und ner Ebenendefinition zu lösen, das ist aber ein bisschen unsauber...

 

Hi yvi,
klar, durch das Floaten wurden die texte auch nebeneinander dargestellt.
Du willst 2 Bilder nebeneinander in dem Header, aber der Text soll oben bleiben?
Dann gib dem div#header und der Überschrift jeweils ein Hintergrundbild mit, das müsste klappen und das Floaten wieder rückgängig machen:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

@yvi

Hi, scheint noch nicht gelöst zu sein - Dein Problem.

Also, Deine page ist 900 breit und Dein header 200 px hoch.
Ich würde jetzt ein jpg erstellen, das 900 x 200 px. groß ist, Hintergrund
schwarz, rechts das Bild - links das Bild in die Mitte würde ich den Text
reinschreiben, den ich im Kopf haben wollte. (Nicht vergessen, im Adminbereich bei Einstellungen unter Allgemeine Einstellungen den Blog-Titel
wegzulassen, sonst erscheint der auch noch.

Wenn das geschehen ist, muß das selbst erstellte Headerbild in das Image-
Verzeichnis Deines Themes und Du mußt es natürlich auch mit Deinem CSS
mit dem header-Eintrag verknüpfen.

Probier es mal.

Annalena