Anderes Header-Bild für versch. Seiten

[header123]

Hallo, ich habe ein kleines Problem. Ich möchte,dass auf meinen Seiten (Kontakt,Unternehmen,Produkte,...) jeweils ein anderes Header-bild erscheint. Mein Header steckt wie folgt in einer css-datei: (Auszug)


#header { background: #fff url(../Bilder/header/header_1.jpg) no-repeat; height: 252px; }
#header p { margin: 30px 0 0; color: #D6E5EA; }[/color]


Gibt es eine möglichkeit zu sagen: Auf der Seite "Unternemen" zeige header1.jpg auf der Seite "Kontakt" zeige header2.jpg usw.?
Habe gelesen, dass es mit php einfach funktionieren soll. Kenne mich da jedoch noch nicht aus.

Wär echt super, wenn mir jemand helfen könnte!!!!!!
Danke.

[Daniel]

Hallo header123,

prinzipiell kannst du bilder mittels

Code: Alles auswählen

<img src="hier_der_pfad_zuim_bild" alt="gute beschriebung des bilder" width="" height="" />

in jedem html dokument einfügen.

darüberhinaus bietet sich auch die möglichkeit über css ein bild einem html element zuzuweisen.
um verschiedene bilder über css anzusprechen, benötigst du mehrere css klassen, denen jeweils das entsprechende bild zugewiesen wird.

also mein tip hier: versuche, die bilder mittels einen img-tag, siehe oben, einzubetten. dies ist der einfachste und beste weg. sprich in deinem fall musst du für jedes bild den pfad auf das richtige bild anpassen.
zB.
1.Seite <img src="http://url_zu_deinem_ersten_bild"......
2.Seite <img src="http://url_zu_deinem_zweiten_bild"......
...


wenn es unbedingt in css gelöst werden sollte, dann müsst du dem platzhalter, welcher das bild anzeigen soll, eine individuelle id oder eigene css klasse zuweisen, um dann über diese eigene klasse, die einzelnen bilder zuzuweisen.

zB.:
1. seite: <div class="bild1"></div>
2. seite: <div class="bild2"></div>
und so weiter....