myGully.com - Hintergrundbild auf Webseite

myGully.com (https://mygully.com/index.php)

- Webdesign (https://mygully.com/forumdisplay.php?f=415)

- - Hintergrundbild auf Webseite (https://mygully.com/showthread.php?t=2418077)

Hintergrundbild auf Webseite

Hallo.
Solangsam kotzt es mich an, dass es nicht so klappen will wie ichs vor habe. Ich habe jetzt nach 2Stunden googlen und rumprobieren keine Lust mehr, und würde gerne mal fragen, wer mir weiterhelfen könnte.
Ich will ein Hintergrundbild auf der Webseite einfügen, aber es wird nicht angezeigt. Habe auch schon nachgeschaut, der Link zum Bild muss richtig sein, da es mit <img src="BILD"> angezeigt wird. Nur damit wird das Bild nicht im Hintergrund angezeigt.

Hier mal die style.css Datei..:

Code:

html,body{margin:0;padding:0;  background:#B3D1FF;}



body{font: 100% Helvetica;text-align:left;color:#000000;} a{padding:5px; text-decoration:none; 



background:url("/bilder/content_bg.jpg")}color:#4D79FF;} p{margin:0 13px 13px} h3 { background-



color:#FFFFFF; padding:2px; margin:0px; color:#990000; }

div#content{margin-left:200px; margin-right:200px; margin-top:20px;}

div#content{background-image: url(Bilder\content_bg.jpg);

div#footer{clear:center;width:70%;}

div#footer{background:#ffffff;}

div#content {background: url(bg.jpg) repeat-none center; width: 850px; margin: 0 auto;}

Das klappt einfach vorne und hinten nicht. Habe x-verschiedene Codes per Google gefunden und versucht. Vielleicht könnt ihr da helfen ;). Danke im voraus! :T

Hallo. Ich bin mir nicht ganz sicher was du genau machen möchtest, weil dein CSS File sehr verwirrend ist. Aber wenn du ein Hintergrundbild auf der kompletten Website haben möchtest gehört der Code natürlich in den "body"-Tag.

Der Code selbst wäre dann:
background-image: url(hintergrund.jpg); bzw. background-image: url(ordner/hintergrund.jpg);

Ich würde dir raten den Code übersichtshalber so anzuordnen:

Code:

body {

    background-image: url(images/bg.jpg);

}



blub {

    11111: 2222;

    333: 44444;

    555555555: 66;

}

...und so weiter. So behältst du die Übersicht besser und findest auch schneller Fehler.

Wenn das nicht das Richtige war, melde dich nochmal. Ich denke ich kann dir weiterhelfen.

Hey. Danke für deine Antwort, hat aber leider nicht geklappt. Das Hintergrundbild soll in den #content . Dor taucht es aber nicht auf... ;)

Ich hab jetzt ein bisschen was verändert:

Code:

html,body{

        margin:0;

        padding:0; 

         background:#B3D1FF;}



body{

        font: 100% Helvetica;

    text-align:left;

        color:#000000;

} 



a{

        padding:5px; 

        text-decoration:none; 

    background:url(bilder/content_bg.jpg);

    color:#4D79FF;

} 



p{

        margin:0 13px 13px

} 



h3{

        background-color:#FFFFFF; 

        padding:2px; 

        margin:0px; 

        color:#990000; 

}



#content{

        background-image: url(bilder/content_bg.jpg);

        margin: auto;

        margin-left:200px; 

        margin-right:200px; 

        margin-top:20px;



        width:70%;

}



#footer{

        width:70%;

        background:#ffffff;}

Ich denke der Hintergrund funktioniert jetzt, hoffe aber ich hab dir nichts anderes kaput gemacht.

Das mit dem Hintergrundbild hat wunderbar geklappt. Musste nur noch von der Plazierung angepasst werden (zentrieren).
Der Text hatte dann nicht genau auf den Hintergrund gepasst, für den habe ich auch eben schnell die Platzierung angepasst.
Nun klappt es so, wie ich es haben wollte! Vielen Dank :D ..
Möchtest du irgendwie im Impressum oder so einen Hinweis haben, dass du mir dabei geholfen hast?
(Ich frage lieber mal, bevor du es wolltest und ich es nicht gemacht habe ;) )

DANKE ;)

Danke, aber musst du nicht machen. Freut mich das ich dir helfen konnte. Wenn du nochmal eine Frage hast kannst du dich bei mir melden, helfe gerne :)

Ok, danke. Hast mir echt geholfen ;D