HTML: Local Background Image

Question

I am trying to display an image as my background that has been saved locally within my Eclipse project.

My folder layout is as follows:

assets
    www
      myimage.jpg
      index.html

Currently, in my index.html file I have the following:

<body background-image:url("www/myimage.jpg")>

However, the background image is not appearing...

Anyone know what the problem might be?

Thanks for your help.

Answer 1

Problem 1: You have placed a CSS rule in your HTML as if it was an HTML attribute (which it isn't).
Problem 2: You have given a path that isn't relative to your stylesheet. Since you don't have a CSS file in your directory listing, let's assume you are using an inline stylesheet. The files are therefore in the same directory.

Move it to a ruleset in your stylesheet, and fix the path.

<style>
body {
    background-image: url("myimage.jpg");
}
</style>

Answer 2

do it like quentin said.

furthermore you can do this:

<body style="background-image:url('www/myimage.jpg')">