Hallo,
ich mag gerne als Header ein Hintergrundbild benutzen, doch er zeigt es einfach nicht an…
Hier der CSS code…
#head {
background-image: url(../img/top.png);
background-repeat:repeat-y;
width: 100%;
top: 0;
left: 0;
height: 7%;
}
hier der htmlcode:
[HTML]
Titel der Seite
<body>
[/HTML]
height: 7%;
7 Prozent von was? Vermutlich hat das Element keine Höhe, dann kannst Du natürlich auch kein Hintergrundbild sehen.
Tipp: Nutze Firebug oder ähnliche Addons anderer Browser um die Maße eines Elements genauer zu untersuchen.
Hinweis: top und left kannst Du weglassen, wirkt in dem Fall sowieso nicht.
Hab jetzt height,left und top entfernt. Das Bild erscheint trotztdem nicht.
Ich habe das Bild und den Ordner richtig geschrieben.
Kannst du einen Link zu eine Demoseite posten?
Rufst Du die Datei per HTTP auf? Und liegt sie im Hauptverzeichnis? Dann gibt es dort den Pfad „…/img/top.png“ nicht.
Andernfalls wäre ein Link zur Seite wirklich interessant.
Gibt ja keine Seite.
Ja, die Index ist im Hauptverzeichnis und das Bild in den Ordner img…
Ich ruf die Seite per klick auf die html Datei auf^^
Letzte Idee: Groß-/Kleinschreibung beachtet?
Für ein src image brauchst du das auch nicht unbedingt. Bei einem background-image sind Größenangaben aber erforderlich, falls der entsprechende Container leer sein sollte. Sonst wird nichts angezeigt.
Außerdem sollte als erstes immer Firebug konsultiert werden. Der zeigt dir nämlich, wenn ein Bild nicht geladen werden kann, und dann handelt es sich meist um einen Typo oder ein Pfadproblem.