SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Feb 2007
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    why are extra buttons showing?

    I sure hope someone can ID my error in HTML. I have been modeling my fledgling site after the model in the wonderful Ian Lloyd book, but I am stumped. My problem is that the home page is showing extra unfilled buttons, and I cannot figure out how to delete them. I have used the W3C validator, but must admit I do not understand much of the error report.

    I was hoping somehow that when I added another link to the page, that the error would somehow disappear. But instead, I received yet another button-without-a-title.

    My code is here:

    <!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>Lingobylingo, Bilingual Crosswords</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=utf-8" />
    <link href="style1.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="header">
    <h1>Bilingual-Xword</h1>
    <h2>Crossword Puzzles for English-speakers learning Spanish
    (AND vice versa) </h2>
    </div><!--end of header div -->
    <p><img src="cuernavaca.gif" width="360" height="504"
    alt="crucigrama bilingŁe" /></p>
    <h2> Select a puzzle, and TRY!</h2>
    <h3> Note: When the CLUE/PISTA is in English, the ANSWER/
    RESPUESTA will be in Spanish, and vice versa. (AND sometimes we'll
    find even this a bit of a challenge.)</h3>
    <div id="navigation">
    <ul>
    <li><a href="index.html">Home</a></li><!-- did I use the word home before? plus I don't remember the dashes at the beginning in comments before -->
    <li><a href="contact.html">contact</a></li>
    <li><a href="puzzle1.html">puzzle1</a></li>
    <li><a href="puzzle2.html">puzzle2</a><li>
    <li><a href="more puzzles.html">more puzzles</a><li>

    </ul>
    </div> <!--end of navigation div -->
    </body>
    </html>

  2. #2
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,804
    Mentioned
    157 Post(s)
    Tagged
    3 Thread(s)
    ola!

    on the last 2 lines of your navigation ul you have unclose <li> tags
    Code:
    <li><a href="puzzle2.html">puzzle2</a><li>
    <li><a href="more puzzles.html">more puzzles</a><li>
    should be:
    Code:
    <li><a href="puzzle2.html">puzzle2</a></li>
    <li><a href="more puzzles.html">more puzzles</a></li>
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  3. #3
    SitePoint Member
    Join Date
    Feb 2007
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That was wonderful, SpikeZ! Thanks immensely. (And maybe I will finally get some new glasses?!)


Tags for this Thread

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
  •