Navigation Not Right

**Barry360** · Nov 7, 2011 17:14

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

Code:

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

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

Code:

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

**ralph.m** · Nov 7, 2011 17:59

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

Code:

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

**Barry360** · Nov 7, 2011 18:05

<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

**ralph.m** · Nov 7, 2011 18:14

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:

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>

**Barry360** · Nov 7, 2011 18:23

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

**ralph.m** · Nov 7, 2011 18:31

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

Code:

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

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.

User Tag List

Thread: Navigation Not Right

Thread Tools

Display

Navigation Not Right

Bookmarks

Bookmarks

Posting Permissions