..:: Long Post Warning ::..
I see the problem.
When I explained about putting that line of code in your HTML, I was referring to looking at your site "under the hood" or as a text document, not as an actual webpage.
I believe SiteBuilder is a "What You See Is What You Set" (WYSIWYG) type page builder meaning instead of seeing HTML code, you see color boxes, pictures, and the general layout of how you want your page to look to your customers.
When looking at a site in text mode, you don't really see that, what you see is a bunch of code in text form that tells the box to be orange, or where to put the picture on the page. HTML looks like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="JEdit text editor, www.jedit.org">
<title>..:: A Study in Tableless Design ::..</title>
<link rel="stylesheet" type="text/css" href="css/default_css.css">
<link rel="stylesheet" type="text/css" href="css/niftyCorners.css">
<script type="text/javascript" src="js/niftycube.js"></script>
<script type="text/javascript" src="js/niftyLayout.js"></script>
<script type="text/javascript" language="JavaScript">
<!-- Hide the script from old browsers --
function doIt() {
targetcolor=document.changeit.colorname.options[document.changeit.colorname.selectedIndex].value;
self.document.bgColor = targetcolor;
}
// End -->
</script>
</head>
<body bgcolor="gray">
<div id="header">
<h1>~ Tableless Design ~</h1>
<div id="menu">
<ul id="nav">
<li id="home" class="activelink"><a href="index.html">Home</a></li>
<li id="who"><a href="about.html">About</a></li>
<li id="link"><a href="links.html">Links</a></li>
<li id="cont"><a href="contact.html">Contact</a></li>
<li id="w13"><a href="week13.html">Week 13</a></li>
</ul>
</div>
</div>
<div id="mainbody">
<div id="rcontent">
<p class="rside">Google AdSense</p>
<hr />
...
In this view of your pages, you will find code that looks like this:
<a href="path/to/webpage.html">Click here for a web page</a>
This is what's known as a hyperlink. It tells the page that when someone clicks on this link, load the page inside the "href" parameter. The way you create a working link is to put the path to the page you want loaded when someone clicks on the link.
So if your links are on your index.html page (your homepage), and the pages you want loaded are in the same directory (by default, public_html), then you would create links that have just the page name inside the "href" parameter of the <a> tags. For instance, in the example above, there are a few links, "About", "Contact", "Week13", etc. All of these pages are in the same directory as the page that holds the code for the links. If these pages were in a different directory, the <a> link tags would reflect this, as such:
<a href="downloads/downloadmain.html">Downloads</a>
The above code would put a link called "Downloads" in a webpage and when clicked, would load the page downloadmain.html inside the downloads directory. With me so far?
Taking what we have discussed so far, let us apply it to your site. I've taken the code from your webpage to show you. Here is what it looks like so far:
<A style="CURSOR: pointer; COLOR: #330000; WHITE-SPACE: nowrap; TEXT-DECORATION: none" href="%3Ca%20href=%22mywebsite/index.htm%22%3EHome%3C/a%3E">Home</A>
Leaving out the "style" parameter that simply tells the link how to look, let's concentrate on the "href" parameter:
<A href="%3Ca%20href=%22mywebsite/index.htm%22%3EHome%3C/a%3E">Home</A>
You can see here where the problem is. You are telling the browser to load a webpage with the name:
%3Ca%20href=%22mywebsite/index.htm%22%3EHome%3C/a%3E
Very strange for a page name if you ask me! :) To fix this, get rid of everything that isn't index.htm, unless you are trying to load the page index.htm that is located in the mywebsite directory. Your new link should look like this:
<A style="CURSOR: pointer; COLOR: #330000; WHITE-SPACE: nowrap; TEXT-DECORATION: none" href="index.htm">Home</A>
I put the style code back in there, but you should be able to see the difference with the corrected link.
Simply take what we have discussed here and fix the rest of your links.
Let us know if it worked.
~regards,
Shadmego