I have an IIS Server setup at home for internal testing on Windows Server 2003.


The default web site location is C:\Inetpub\wwwroot


I have an application I'm developing at home for work, I decided to take the site out of the root directory and put it in its own folder..so

C:\Inetpub\wwwroot\tapelog

Images are C:\Inetpub\wwwroot\tapelog\images

Includes are C:\Inetpub\wwwroot\tapelog\includes


All of my includes, databases, and CSS work on the site its the images in the CSS that are giving me issues.


I'm using the background:url("images/someimage.png"; or background:url("/images/someimage.png"; when I load the page and nothing shows...HOWEVER, if I Edit the CSS with the Web Developer toolbar in FF the images suddenly appear..as soon as I close that window they disappear. Keep in mind I dont have to make any changes in the Edit CSS window, I just need to open it. The images dont appear in IE7 either.


Do I need to reference the images as /tapelog/images/ or should (/)images/ work?

Try using one of these:

url("tapelog/images/someimage.png";
background:url("/tapelog/images/someimage.png";

Your web site, which is not in the root anymore, is located in a subdirectory called tapelog. So, if you don't include that directory in the url, the browser will look for the images directory in the root the way you have it pointing now.

If that's not it, it sounds to me like it could be an issue with directory permissions rather than a coding problem. Make sure you have your images directory set with read permission (as an aside, turn off write and execute).

 

-----signature-----

I'll try that, thanks..its just weird that the includes work using just includes/filename.css/js or whatever using a standard HTML include.

If your JS and CSS files are in the same directory as the files calling them, then they don't need any extra directory information; it would work the same if you had the images in the same directory as well.

I find the best method is to keep everything as simple as possible. If you do want to get more elaborate with your directory structure, then it's best to reference everything from the root by using a leading "/" in your reference:

background:url("/tapelog/images/someimage.png";

If you go the other way, it's easy to get confused if you have include files in different directories outside of where your calling files are.

 

-----signature-----

I'll have to remember that!


I was just assuming that tapelog would be the root directory for the other directories. I figured I could just reference the images as /images and it would check the tapelog directory since that folder resides in the tapelog directory.

Your pages are still running under the default website. If you want to create a new root for them, you have to create a new application for the folder you want the site to be in. You can then reference to the subfolders through root.

E.g. when you create a new application for c:\inetpub\wwroot\tapelog, you can then reference c:\inetpub\wwroot\tapelog\images with just /images in your html. You are unable to reference anything outside the c:\inetpub\wwroot\tapelog folder, however.