Verschiedene Header in einem CSS definieren

theWavecornerConspiracy · 25 April 2012

Hallo Leute,

ich stehe vor folgendem Problem:
Ich versuche in einer Website verschiedene Header (bzw. Headerhintergrundbilder & Headerlogos) zu verwenden. Jedoch lässt sich im CSS nur ein Bild als Hintergrund definieren...
Der Script dafür sieht bisher so aus:

div.art-header-jpeg{
position: absolute;
top: 0;
left:-50%;
width: 1920px;
height: 200px;
background-image: url('images/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

Danke schonmal im Voraus!

Cheffchen · 25 April 2012

Hallo,

also CSS nicht wie schon selber siehst.
das musst in html machen in dem die classe änderst oder was dazu schreibst.

Code:

<div class="art-header-jpeg">

bei der anderen seite machst endweder eine ander classe ins Body oder ins div selber

Code:

<body id="seite2">
<div class="art-header-jpeg">

oder

<div class="art-header-jpeg seite2">

css

Code:

#seite2 .art-header-jpeg {background-image: url('images/header2.jpg');}
oder
.art-header-jpeg.seite2{background-image: url('images/header2.jpg');}

Cheffchen

Verschiedene Header in einem CSS definieren

theWavecornerConspiracy

Guest

Cheffchen

Senior HTML'ler

Neueste Beiträge