The other posts described solutions to your problem, but from your post, I can assume that you do not yet understand some simple beginner concepts essential to web design.
An important thing that beginners to HTML may not understand is that HTML is just the text language that Internet documents are written in. This means that an HTML file does not include any images (in your case page dividers are images).
It is also very important to understand the concept of absolute linking vs. relative linking.
When something on your page is linked “absolutely” it means that it is linked to an exact location on the Internet. No matter what computer your HTML file containing the link is on, it will always link to one specific spot on the Internet. Absolute links start with http:// etc. containing an address on the Internet.
When something on your page is linked “relatively” the location of the linked file is dependant upon the computer your HTML page is on. Relative links do not start with http://. They are simple file names or a path to a folder, followed by a file name. So if “yourpage1.html” contains a link to “yourpage2.html” the link goes to “yourpage2.html” in the same folder as “yourpage1.html”. If there is no “yourpage2.html” in the same folder the link will not work. The same is true of the images on your page. If “yourpage1.html” has an image from source “yourpagedivider1.jpg” or “yourpage1background.jpg” those images will only show up if they are in the same folder as “yourpage1.html”
What does this mean?
Well if you send your boss an HTML file that includes references to files that are not on the Internet, you will need to send him everything. You will also have to make sure that the files go into the right folders on your boss’s end as well.
If you want to go relative link to another folder use the following example.
Assume “webpagefiles” is a folder created on your desktop & “webimages” is a folder created inside of “webpagefiles”. “mypage1.html” is contained inside of the “webpagefiles” folder.
Desktop
---webpagefiles
------webimages
On “mypage1.html”
To link to an image in “webimages” use “webimages/myimage1.jpg”
To link to a page on your desktop use “../filename.html”
Solution
For a beginner put all of your files into one folder & make sure all of the links & images are working there. Then put all of the files into an archive file or a .zip file. If you have trouble with that you can always attach them one at a time.
Comment/Reply (w/o sign-up)