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"
<title>Lingobylingo, Bilingual Crosswords</title>
content="text/html; charset=utf-8" />
<link href="style1.css" rel="stylesheet" type="text/css" />
<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>
<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="more puzzles.html">more puzzles</a><li>
</div> <!--end of navigation div -->