Hintergrundbild per css

  • Hallo Zusammen


    Ich mach gerade die Lernseite Html-seminar durch (bin also anfänger :D ), und stehe beim Kapitel Projekte -layout über css - design über css an. Und zwar beim Hintergrundbild des ersten divs. Bei mir zeigt es das Bild nicht an. Ich habe es gedownloadet und gespeichert.
    Ich habe für die Homepage in eigene Dateien eine Ordner "Homepage" angelegt und den Html-code dort gespeicher - das Bild habe ich in einem Unterordner "bilder" gespeichert. -doch es funktioniert nicht!


    was habe ich falsch gemacht? :?:

  • Hallo


    Mein css-text sieht so aus:


    #kopfbereich {
    background-image: URL (bilder/hg-saeulen-img-9599.jpg) no- repeat left top;
    height:150px;
    }


    Meine Dateien liegen auf:


    Arbeitsplatz-eigene Dateien-Homepage- und dann die Html-Datei und im gleichen Homepage Ordner einen Unterordner mit "bilder".


    Stimmt mein URL vieleicht nicht?

  • ja sorry,


    aber dann vergleiche deinen Eintrag doch noch einmal mit dem, den ich dir geschrieben habe

      background-attachment:fixed;
      background-repeat:repeat;


    Fallen dir denn da die eindeutigen Unterschiede nicht auf?


    und was soll nun dieses " height:150px;"... soll der Background NUR in diesem Kopfbereich erscheinen???
    Denke doch mal eher auf der ganzen Seite - oder? und in diesem Fall gehört das Dingens in den Body-Bereich

  • Nein, das bild soll nur im oberen div im Hintergrund stehen. So wie bei der Vorlage auf HTML-Seminar.
    Wie wiet muss den der Pfad des Bildes zurück angegeben werden?


    Gruss Pasci

  • Und was ist, wenn man den Pfad richitg angegeben hat?



    Der Pfad funktioniert, wenn ich einfach nur ein Bild einfüge. Wenn ich aber das Bild als Hintergrund des Kopfzeilenbereiches haben möchte, klappt's nicht. Egal ob ich einfach nur background, oder background-image verwende.


    Tschuldigung für die hundertste Hintergrundfrage.


    Gruß Stephan

  • Hallo,


    ich bin gerade auf S. 148 des HTML-Seminar Buches.
    Und habe folgendes in meine design.css Datei eingegeben:


    html, body {
    background:url(images/html-kurs-logo.gif);
    font: 80% Verdana, Arial, Verdana, Helvetica, sans-serif;
    color: #ff0000;
    }


    Unter "images" ist auch das html logo gespeichert.
    Warum kann ich nichts sehen?


    Vielen Dank im voraus
    Pedro

  • danke für die schnelle Antwort.


    jetzt mit Pfadangabe:


    html, body {
    background:url(D:\Bilder\html-kurs-logo.gif);
    font: 80% Verdana, Arial, Verdana, Helvetica, sans-serif;
    color: #ff0000;
    }


    funktioniert leider trotzdem nicht.
    Wo könnte noch ein Fehler liegen?


  • wow - das ist ja nun mal nicht mehr, als eine Pfadangabe auf deinem System! Was soll ein Browser damit anfangen können???

    Du musst den Pfad dorthin eingeben, wo das Ding hier im Web steht....
    also als Beispiel:
    <img src="http://www.dieAdresse.de/grafikordner/grafikname.format">


    bzw.
    <img src="http://www.dieAdresse.de/grafikordner/grafikname.format" />


    Die komplette Adresse bekommst du schon mal so raus, indem du die Grafik mit rechter Maustaste anklickst, und dir dann die Eigenschaften anzeigen lässt.
    Die brauchst du nur noch zu kopieren und fertig -


    PS. zur Eingabe halt noch die Maße mit hinzufügen, und auch das Attribut alt="" sollte nicht fehlen. Wird sonst von jedem Validator bemängelt :lol:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!