HTML , CSS Frage

  • Hallo, ich wollte meine Enterpage machen, aber habe folgenden fehler... Der Hintergrund wird nicht Angezeigt.
    Hier mal Code:


    index.html



    core.css

    Code
    /* CORE.CSS */
    	.background{
    		background-image:url('/images/background.png');
    		background-repeat:no-repeat;
    		border: none;
    	}

    b_560_95_1.png[/url]



    b_560_95_1.png[/url]

  • Du musst in der CSS Datei den Pfad zum Bild relativ zur CSS Datei setzen. Also vermutlich erst aus dem CSS ordner raus, und dann in images.

    CSS
    background-image:url('../images/background.png');


    //Edit: verdammt, garnich gesehn :D
    da Du den hintergrund für die Klasse "background" setzt, musst du diese natürlich auch nutzen. Also entweder du machst es so, wie TutNichts sagt und setzt den Hintergrund direkt aufn body, oder aber du fügst deinem body-tag noch class="background" hinzu.

    The fact is, I am right. And if you think I'm wrong, you are wrong.

  • öhdödö?


    mach folgendes in der CSS-Datei:

    Code
    body {
    	background-image:url('/images/background.png');
    	background-repeat:no-repeat;
    	border: none;
    }


    und lass den Bodytag in der HTML Datei leer.

  • width & height auf 100% setzen würde ich sagen.

    Bitte diesem Ratschlag nicht folgen! Lass die Breite und die Höhe einfach leer, so passt es sich immer Dynamisch dem Browserfenster an.


    Das Problem wird sein, dass Dein Bild zu klein ist. Du hast jetzt zwei Möglichkeiten dieses "Problem" zu lösen.

    • Du lässt das Bild mit einer angemessenen Farbe auslaufen
    • oder Du nimmst ein größeres Bild ;)

    Chief Technology Officer (CTO)


    Interesse an folgenden Domains?

    fivemp.de - planet-zoo.de

    Jetzt anschreiben :)

  • Das Problem ist einfach, dass Du niemals ein Bild für alle Auflösungen von 1024x7... bis FULL HD für alle schön Anpassen kannst. Deswegen musst Du immer (im Idealfall) vom kleinstmöglichen Bildschirm ausgehen und die Website an diese Anpassen. So hast/wirst Du nie Probleme bekommen ;)
    (Du kannst natürlich auch für jede Auflösung eine spezielle Stile.css laden, wovon ich Dir aber wegen dem Aufwand abraten würde ;-))

    Chief Technology Officer (CTO)


    Interesse an folgenden Domains?

    fivemp.de - planet-zoo.de

    Jetzt anschreiben :)