SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Navigation Not Right

    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
    Last edited by ralph.m; Nov 7, 2011 at 18:18.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,197
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    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>

  3. #3
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <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

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,197
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    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>

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,197
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •