Navigation Not Right

I’ve just linked pages, the links on the index.html look like this;

<1i>Home <1i>About Us <1i>Contact Us

I can’t see anthing different in the code I’ve done from the book?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xm1ns="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>
   <div id="tagline">
   <p>Diving club for the south-west UK - Let's make a splash</p>
     </div>
   </div> <!-- end of header div -->
   <div id="navigation">
     <u1>
       <1i><a href="index.html">Home</a></1i>
       <1i><a href="about.html">About Us</a></1i>
       <1i><a href="contact.html">Contact Us</a></1i>
     <u1>
   </div> <!-- end of navigation div -->
   <div id="bodycontent">
   <h2>Welcome to our super-dooper Scuba site</h2>
   <p><img src="images/divers-circle.jpg" width="200" height="162"
       alt="A circle of divers practice their skills" /></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>
   <h3></h3>
   <p></p>
   <p></p>
   <p></p>
   <h3></h3>
   <p></p> 
   </div> <!-- end of bodycontent div -->  
 </body>
</html>

Thanks, Barry

You’ve typed 1 (digit one) instead of l (the letter L) in each tag:


<u[COLOR="#FF0000"]1[/COLOR]>
<[COLOR="#FF0000"]1[/COLOR]i><a href="index.html">Home</a></[COLOR="#FF0000"]1[/COLOR]i>
<[COLOR="#FF0000"]1[/COLOR]i><a href="about.html">About Us</a></[COLOR="#FF0000"]1[/COLOR]i>
<[COLOR="#FF0000"]1[/COLOR]i><a href="contact.html">Contact Us</a></[COLOR="#FF0000"]1[/COLOR]i>
<u[COLOR="#FF0000"]1[/COLOR]>

<uL>
<Li><a href=“index.html”>Home</a></1i>
<Li><a href=“about.html”>About Us</a></1i>
<Li><a href=“contact.html”>Contact Us</a></1i>
</uL>

L works fine, however I can still see a 1 not L in the book.

Thanks Again,
Barry

Best not to use capitals. The book definitely reads

li

Maybe it’s the fact that the font being use is a monospace code font. I can see why it’s confusing with thos little serifs. To clarify, we are dealing here with an Unordered List, hence ul, inside which there are List Items, hence li.

You need this code:

<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>

My little l looks like this; in note pad
<ul>
<li><a href=“index.html”>Home</a></1i>
<li><a href=“about.html”>About Us</a></1i>
<li><a href=“contact.html”>Contact Us</a></1i>
</ul>
unfortunately I can’t replicate what I’m see when I copy and paste, it has a little left horizontal dash off the verticle and nothing at the bottom.
But all is OK,
Thanks,
Barry

Perhaps copy the code I posted above. You still have the ones (1) at the end of each line.


<ul>
       <li><a href="index.html">Home</a></[COLOR="#FF0000"]1[/COLOR]i>
       <li><a href="about.html">About Us</a></[COLOR="#FF0000"]1[/COLOR]i>
       <li><a href="contact.html">Contact Us</a></[COLOR="#FF0000"]1[/COLOR]i>
     </ul>

unfortunately I can’t replicate what I’m see when I copy and paste, it has a little left horizontal dash off the verticle and nothing at the bottom.

Yes, fonts can be tricky like this. Just make sure to click the letter keys rather than the number keys when typing tags. There are no HTML tags with digits in them, except the heading tags like h1, h2, h3 etc. (Well, off the top of my head those are the only ones I can think of.)

You can increase the font size in your code editor if you need to. I find I have to do that.