Gunnar Bittersmann: Auf jeder Seite ein anderes header-bild

Beitrag lesen

@@header123:

Gibt es eine Möglichkeit dem Browser zu sagen: Auf der Seite "Unternemen" zeige header1.jpg auf der Seite "Kontakt" zeige header2.jpg usw.?

Ja. Gib in XHTML dem 'html'-Element (oder alternativ dem 'body'-Element; in HTML 4 nur 'body'-Element möglich) eine ID (für jede Seite eine andere):
<html id="kontakt" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> bzw. <body id="kontakt">;
<html id="unternehmen" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> bzw. <body id="unternehmen">

Dann kannst du mit den Nachfahrenselektor im Stylesheet für jede Seite ein anderes Hintergrundbild festlegen:

#header { background: #fff no-repeat }  
#unternehmen #header { background-image: url(../Bilder/header/header_1.jpg) }  
#kontakt #kontakt { background-image: url(../Bilder/header/header_2.jpg) }

Ich würde die Bilder nicht numerieren, sondern auch nach ihrer Funktion benennen: header_unternehmen.jpg, header_kontakt.jpg.

Live long and prosper,
Gunnar

--
Das einzige Mittel, den Irrtum zu vermeiden, ist die Unwissenheit. (Jean-Jacques Rousseau)