header in CSS definieren und individueles Hintergrundbild pro Seite

raba43 · #1 (**permalink**) 01.09.2009, 02:03

Ich arbeite mit Webexpression2 unter Vista Home Premium SP2 und habe in der CSS-Datei eingegeben:
--------------------------------
.header {
width: 890px;
height: 250px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: left top;
}
--------------------------------
In jeder einzelnen Seite möchte ich jedoch ein individuelles Hintergrundbild im Header zeigen. Wäre dankbar für einen zusammenhängenden Code-Tipp. Danke !

heiko_rs · #2 (**permalink**) 01.09.2009, 02:20

Am besten Body-IDs verwenden: #seite-kontakt .header { ... }

Gumbo · #3 (**permalink**) 01.09.2009, 10:08

Zitat:

Zitat von heiko_rs

Am besten Body-IDs verwenden: #seite-kontakt .header { ... }

Damit würden aber auch bereits am Anfang alle Bilder geladen.
Eine Alternative ist einfach auf jeder Seite ein anderes Hintergrundbild anzugeben. Die würden dann auch nur beim Aufruf der jeweiligen Seite geladen.

Crizzo · #4 (**permalink**) 01.09.2009, 10:16

Eigentlich nicht.

Wenn du:

HTML-Code:

<body id="kontakt">
<h1 class="header"></h1>

bzw.

HTML-Code:

<body id="sitemap">
<h1 class="header"></h1>

schreibst und dann:

Code:

#sitemap .header {background: }
#kontakt .header {background: }

definierst, wird doch nur der jeweilige Hintergrund geladen, welcher über den passenden Selektor aktiv wird.

heiko_rs · #5 (**permalink**) 01.09.2009, 10:33

Zitat:

Zitat von Gumbo

Damit würden aber auch bereits am Anfang alle Bilder geladen.

Nein, wieso sollte das so sein?

Zitat:

Zitat von Gumbo

Eine Alternative ist einfach auf jeder Seite ein anderes Hintergrundbild anzugeben.

Genau das tue ich doch (Crizzo hat mein Verfahren auch bereits richtig erklärt).

Gumbo · #6 (**permalink**) 01.09.2009, 10:52

Zitat:

Zitat von Crizzo

[…] wird doch nur der jeweilige Hintergrund geladen, welcher über den passenden Selektor aktiv wird.

Du hast recht. Ich habe angenommen, dass alle externe Ressourcen angefragt würden, egal ob sie verwendet werden oder nicht.

Zitat:

Zitat von heiko_rs

Genau das tue ich doch (Crizzo hat mein Verfahren auch bereits richtig erklärt).

Ich meinte es allerdings anders, dass auf jeder Seite etwa ein <body style="background-image:url(…)" … > verwendet würde.

heiko_rs · #7 (**permalink**) 01.09.2009, 11:17

Ja, ich dachte mir dann auch, dass Du es so meintest. Aber ein Inline-Style ist tatsächlich nicht nötig, da ja nicht alle im CSS referenzierten Grafiken sofort geladen werden, sondern nur die auf der jeweiligen Seite benötigten - zum Glück!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
CSS verschiebt Header größe bei zu Großem Logo?	tanner	CSS	1	02.06.2011 14:51
Anpassen eines CSS Templates - JPEG als Hintergrundbild setzen	soulknot	CSS	1	08.05.2011 17:31
jquery // css ändern vor header weiterleitung bzw. nach erzeugtem pdf	monran	Javascript & Ajax	2	02.03.2011 21:25
Redesign für Steiner Cycling Team	pkipper	Site- und Layoutcheck	11	09.02.2011 12:25
Die erste Seite mit css	Micme	Site- und Layoutcheck	31	09.04.2008 13:08