Having trouble linking pages

Community
1

Hi, Im learning from the book “build your own web site the right way using html and css 2nd edition” pgs 62-65 explain how to link between pages. I’ve put in the code but when I click on the links they bring me to the icon for the linked page, it doesn’t actually open up the page. Im working with text edit on a Mac. please help. also i would love to paste my html so that you can see what it looks like but i don’t even know how to do that on this new computer of mine. I really need help.

2

Can you copy your code and post it so I can see the problem?

3

Hi to all,
I’ve experienced the same problem while using Windows XP, I did everything what was asked in the “Build your own web site” book, but every time I try to click on either: Contact Us, or About Us links, my web browser Google tells me: “This web page is not found”
That’s my web site:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
	<title>"Bubble Under-The diving club for the south-west UK."</title>
	<meta http-equiv="Content-Type"
  	content="text/html; charset=utf-8"/>
   </head>

  <body>
   <div id="header">
   <div id="sitebranding">    
	<h1>BubbleUnder.com</h1>
   </div> <!-- end of sitebranding div -->
   <div id="tag line">
	<p>Diving club for the south-west UK-let's make a splash!</p>
   </div> <!-- end of tag line div -->
   </div> <!-- end of header div -->
   
   <div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div> <!-- end of navigation div -->
   
   <div id="bodycontent">
	<h2>Welcome to our super-dooper Scuba site</h2>
	<p> <img src="diverscircle.jpg" width="200" height="162"
	alt="Group of divers make a circle on a sea floor"/></p>
	<p>Glad you could drop in and share some air with us! You've 
	passed your underwater navigation skills and successfully
	found your way to the start point - or in this case, our
	home page.</p>
   </div> <!-- end of bodycontent div -->

</body>

</html>

Don’t know where I went wrong with this, can someone please help.
Thanks,
Justin.

4

or maybe a live site to “see”

5

are you use IE6? maybe?:smiley:

6

I’m so new to the whole thing and I don’t know what “code” you mean, I copied and pasted the whole page. and I’m not using IE but Google Chrome.
Justin

7

I assume that those pages (about.html and contact.html) do exist and they’re in the same folder as this particular page.

I know it is a silly question but more than once I found myself frustrated because I did something as silly as not copying one file into the right directory :smiley:

Another silly mistake I used to do is to use the extension html (like about.html) when I wrote the code but then when I created the physical page I would name it about.htm or vice-versa and, of course, it is no the same.

Your code works beautifully so it is not a code thing. You do have one mistake (but it is not affecting this). You have an id=“tag line”. Ids can’t have white spaces, so you should name it something like id=“tag_line” or similar.

8

OMG I just got what was wrong with it, THANK YOU SO MUCH!!! :slight_smile: I’ve named the files: index.html, contact.html and about.html while I shouldn’t put “html” at the ends.It feels great to sort out a mistake. again- MANY THANKS!!!
Justin