Du willst also, dass dein Header sich ändert, wenn sich die Seite ändert.
Das Problem ist, dass sich das Grundgerüst (das Design) der Seite beim Wechseln nicht ändert.
Also kombinieren wir:
Die Styleanweisungen für den Header müssen in einen Teil der Seite die sich ändert.
Und was ändert sich wenn eine neue Seite aufgerufen wird?
Der Content!
Also schreiben wir die Styleanweisungen für den Header in den Content.
Schneide die Befehle die den Header betreffen aus "Css Codes ohne Styletags" aus:
Code: #header {
width: 1004px;
height: 261px;
position: relative;
}
#header-title {
position: absolute;
text-transform: uppercase;
right: 50px;
top: 60px;
}
#header-title h1 {
color: #ffffff;
font:30px Arial;
font-weight:bold;
margin-bottom: 2px;
}
#header-title h1 a {
color: #111111;
text-decoration: none;
}
.header-subtitle {
color: #111111;
font:bold 12px Arial;
}
Code: <style type="text/css">
#header {
width: 1004px;
height: 261px;
position: relative;
}
#header-title {
position: absolute;
text-transform: uppercase;
right: 50px;
top: 60px;
}
#header-title h1 {
color: #ffffff;
font:30px Arial;
font-weight:bold;
margin-bottom: 2px;
}
#header-title h1 a {
color: #111111;
text-decoration: none;
}
.header-subtitle {
color: #111111;
font:bold 12px Arial;
}
</style>
Änderst du nun die Befehle auf einer Seite, treten diese Änderungen nur auf eben dieser in Kraft. So kannst du für jede Seite einen anderen Header einstellen. Vergiss allerdings nicht, wenn du neue Seiten erstellst auch einen Code für den Header einzufügen, sonst bricht das Design auseinander.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.