HTML Forum

**AnneMade** · 10-27-2008, 10:58 AM

Hi, gang. I'm new here so go easy on me! I updated my pages with a background image for the first time.
http://www.annemade-jewelry.com/index.htm
All the pages get their background info from that page.

This is what the page should look like.

The floral background image shows up in IE7 on my computer, so I went ahead and published the site only to find out that the background image isn't visible on my husband's computer (also IE7) or in Firefox.

It's a .jpg but I tried saving it as a .gif and it appears no different:
http://www.annemade-jewelry.com/index2.htm

Thanks for your help!
Anne

**wayfarer07** · 11:18 AM

This line in the <body> tag:

HTML Code:

background="file:///C:/Documents%20and%20Settings/Anne/My%20Documents/My%20Webs/floralpattern.jpg"

doesn't work, because that is relative to the file system on your computer, not the file system on your webserver.

On a website, you need either an absolute path (ie http://mywebsite.com/images/image.jpg) or a relative path (/images/image.jpg). If you put a slash at the beginning of the path, it will start looking from the root directory of your site, if not, it will start from the directory the current document is in.

I highly recommend you not use FrontPage to generate sites: it is generally a very bad application, and has been discontinued by Microsoft.

**Rotco88** · 11-02-2008, 07:35 PM

Hi AnneMade,

I was checking your site out, and It seems like you havent solved the problem.
You code looks like this:

<body bgcolor="#FFFFFF" text="#666633" link="#666633" vlink="#666633" alink="#666633" background="floralpattern.gif" style="text-align: center">

floralpattern.gif, I know you tried to save it as gif, but it's not working. Is the floralpattern.gif/.jpg laying in the root? Or is it laying in a map, example: images/floralpattern.gif ?

**pingeyeg** · 11-04-2008, 10:47 AM

I would recommend doing this using CSS.

.bg-pic {
background: URL("/images/floralpattern.gif") no-repeat;
width: whatever;
height: whatever;
}

You can take out the "no-repeat" and the width and height if you want it to tile.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!