• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

header bild wird nicht angezeigt...

T

t-stephan

Neues Mitglied
Hallo,
ich mag gerne als Header ein Hintergrundbild benutzen, doch er zeigt es einfach nicht an...
Hier der CSS code..

Code: 
#head {
    background-image: url(../img/top.png);
    background-repeat:repeat-y;
    width: 100%;
    top: 0;
    left: 0;
    height: 7%;
}

hier der htmlcode:

HTML: 
<!DOCTYPE html>
<html>         
    <head>                 
        <meta charset=utf-8>        
        <title>Titel der Seite         
        </title>                 
        <meta name=description content=Beschreibung>           
        <link href=style.css rel=stylesheet type=text/css>                                
    </head>        

    <body>                                                            
<div id="head">
</div>
    </body>
</html>
 
Code: 
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.
 
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^^
 
t-stephan schrieb:
Hab jetzt height,left und top entfernt. Das Bild erscheint trotztdem nicht.
Zum Vergrößern anklicken....

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.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben