I am trying to have a Navigation Bar that I include into every page on my site. All the NavBar files are in a directory, then I use a

<!--#include file="NavBar/Navigation.html"-->

to call it.

It works fine on the main index page, but once I go into a different directory, say Information for example, and try to include that file
<!--#include file="../NavBar/Navigation.html"-->
It shows all the tables and everything correctly, but anything in the Navigation.html file that has a source such as:
<img src="spacer.gif"

or

<img name="FullNavBar_r2_c1" src="NavBar/FullNavBar_r2_c1.gif"

The sources will be trying to find the images in the Information direction, not the NavBar one. The only way I can think of to fix it is to put those images in every single directory.. which I really don't want to do

Simply put, I need to know how to use relative links that will work no matter where I include the file.

I am tired. I read it twice and I am going to answer what I think you asked. Will throw out a couple of responses.

I never managed to get one menu to work on my site. I wound up using two (two levels deep). One for the pages that were in the main directory and one for the deeper pages.

For each directory level you go down you need to add one ../

The same thing is true for linked images or linked anything including the css file.

The alternative to the above is to use absolute path to the files.

Did I help or confuse?

You need to use a Root relative path. Rewrite <imgsrc="spacer.gif" /> with a forward slash at the beginning <img src="/spacer.gif" />. This will always be the same path wherever it is used.