[SOLVED] Background Images

admiral1977 · #1 (**permalink**) Oct 27th, 2007, 16:09

Hi. I'm very new to HTML (first couple of days) and am frustrated by something. I bet I'm misunderstanding something simple here! I can't seem to get a background image to show on my site. I've read a thread that answered a similar problem and literally copied the code but it still doesnt work. Can anyone reply with an 'idiots guide' to setting a background image? It would be simpler of this could be in the HTML document and not the CSS as I havent got to grips with CSS docs yet!

Could this be a problem with the URL for the image as this is the only difference between my code and that supplied on the various sites I've read? How should I write the URL and how can I be sure that it is correct?

Stuart · #2 (**permalink**) Oct 27th, 2007, 16:30

Try this for starters:

HTML: Select all

<head>
<style type="text/css">
body {background: url(http://www.domain.com/image.jpg) no-repeat top;}
</style>
</head>

<body>
</body>

Cheers,
SWagner

karinne · #3 (**permalink**) Oct 27th, 2007, 20:08

Could be a few things:

1) make sure the path is correct
2) if you are applying the background to a div, make sure you have a width and height

admiral1977 · #4 (**permalink**) Oct 28th, 2007, 06:01

Quote:

Originally Posted by swagner

Try this for starters:

HTML: Select all

<head>
<style type="text/css">
body {background: url(http://www.domain.com/image.jpg) no-repeat top;}
</style>
</head>
 
<body>
</body>

Cheers,
SWagner

SWagner - Thanks for getting back to me. I cut and paste the above code but still no luck. When I open the browser window I just get a blank page. Any other ideas?

Marc · #5 (**permalink**) Oct 28th, 2007, 07:33

Did you change the url of the image to your image?

Stuart · #6 (**permalink**) Oct 28th, 2007, 13:48

Yes, Marc is right. The image in my code doesn't exist!

admiral1977 · #7 (**permalink**) Oct 29th, 2007, 15:31

All,

Thanks I did change the URL but have since worked out that my browser settings were blocking the image!!!! I've sorted this out now and it is working. Thanks for your advice.

first time I've posted and it was nice to get soem quick responses.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Is it possible to have 2 background images?	lmc148	Web Page Design	8	Jun 17th, 2008 01:46
[SOLVED] using background images in a list	marisa	Web Page Design	3	Nov 28th, 2007 12:55
[SOLVED] using background images to fill div's	R8515198	Web Page Design	9	Sep 29th, 2007 21:05
Cant Get CSS background images to show up	mschroeder	Web Page Design	3	Jan 18th, 2007 13:33
Is it possible to have 2 repeating background images?	dragonator	Web Page Design	1	Dec 9th, 2005 00:09

		Webforumz.com > Main Forums > Design Your Website > Starting Out
[SOLVED] Background Images