Hallo Leute,
ich beschäftige mich noch nicht allzu lang mit HTML5 und CSS und habe mal eine Frage die Ihr sicherlichgleich beantworten könnt.
Ich möchte mein Headerbild ändern wenn ich eine neue Seite aufrufe.
Im CSS habe ich folgenden Code:
#headerbild{
background:url(../images/headerbild.png);
background-repeat:no-repeat;
width: 1050px;
height: 287px;
float:left;
}
Im Html Dokument sieht das bei mir so aus:
<header id="main-header">
<nav id="main-navigation">
<ul class="menu">
<li><a href="</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</nav>
<div id="headerbild">
<h1>xxx</h1>
</div>
</header>
wie kann ich den jetzt über CSS beim aufruf einier neuen Seite das Bild ändern ohne jedesmal den Kopletten Code im CSS neu zu schreiben.
Ich hoffe es ist klar was ich meine
Danke schon mal!!!!