Bild erscheint nicht in Header

Hallo

Leider bringe ich es nicht fertig, im Header ein Bild (in tl_files hochgeladen) darzustellen. Auch scheint mir der Quelltext OK:

Code:

---

#header
{
        margin-top:1em;
        padding:190px 0 0;
        color:000;
        background-color:#cfd07d url("tl_files/images/header.jpg") center top no-repeat;
}

---

Wer hat mir einen Tipp, wo ich noch etwas vergessen habe ?

Danke und Gruss vom Anfänger Hans

so aus dem Ärmel muss da noch ein "../../" davor .

Nein. Wenn der Bildpfad in Anführungszeichen steht, kümmert sich Contao selbst um die richtige Neureferenzierung (z.B. nach Kombinieren der Stylesheets im Ordner "system/scripts")

---
Die Eigenschaft background-color ist jedenfalls falsch:

Code:

---

background-color:#cfd07d url("tl_files/images/header.jpg") center top no-repeat;

---

Hier müsste wohl nur background stehen und nicht background-color!

http://de.selfhtml.org/css/eigenscha...intergrund.htm

Versuch deinem Hintergrundbild mal eine Größe und Breite mitzugeben. Manchmal wollen das die Browser gerne haben und haben sonst Darstellungsprobleme.

Zitat:

---

Zitat von Markus Wichmann

Versuch deinem Hintergrundbild mal eine Größe und Breite mitzugeben. Manchmal wollen das die Browser gerne haben und haben sonst Darstellungsprobleme.

---

Wie soll das bei einem CSS Bild gehen?

xchs hat recht, die Option heißt background und nicht background-color.

Zitat:

---

Zitat von tril

Wie soll das bei einem CSS Bild gehen?

---

background: #farbe url(bild)
width:
height:

So könnte man das z.B. machen

//edit

Sorry. Vergesst es schnell wieder. Das funzt ja nur, wenn das CSS Bild in einem weiteren Container außer dem Hauptcontainer liegt. In diesem Fall ist es aber so.

background-color:#cfd07d;
background-image: url("tl_files/images/header.jpg");
background-position: center top;
background-repeat: no-repeat;

So müsste es gehn. ;)

LG
Markus

Diese Eigenschaften alle einzeln anzuschreiben, muss nicht sein. Die Werte - so wie oben - in Kurzschreibweise anzugeben, geht genauso, lediglich die CSS-Eigenschaft ("background") muss man eben richtig verwenden. ;)

Herzlichen Dank für die Hilfe. Jetzt funktioniert es.

Gruss Hans

Zitat:

---

Zitat von xchs

Nein. Wenn der Bildpfad in Anführungszeichen steht, kümmert sich Contao selbst um die richtige Neureferenzierung (z.B. nach Kombinieren der Stylesheets im Ordner "system/scripts")

---
Die Eigenschaft background-color ist jedenfalls falsch:

Code:

---

background-color:#cfd07d url("tl_files/images/header.jpg") center top no-repeat;

---

Hier müsste wohl nur background stehen und nicht background-color!

http://de.selfhtml.org/css/eigenscha...intergrund.htm

---

Guten Tag,

habe das gleiche Problem: Das Hintergrund erscheint nicht im Header.
Kann mir bitte jemand helfen, anbei der Code:

#header {
padding-left:5px;
background-image:url("tl_files/mondocosmo/bilder/gradient_header.jpg");
background-repeat:repeat-x;
font-family:Verdana;
line-height:1.0;
}

@Carmine Doppelposts helfen nicht schneller!

siehe hier

:o