Forum Moderators: open

Message Too Old, No Replies

Menu/Navigation links not working

I have a contact page which functions fine except for the menu links.

         

theloomis

7:57 am on Jan 27, 2008 (gmt 0)

10+ Year Member



Hi all,
I have a strange problem that I can't seem to figure out. I have a "contact" page with a form-mail script. The form works fine but for some reason the menu/navigation links have stopped working. Here is the code. Let me know what you see as the problem. Thanks so much for the help.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> ~ Contact</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color:#552b00;
}
#map_holder {
position:relative;
width:800px;
margin:auto;
}
#layer1 {
position:absolute;
left:145px; /*this value may require resetting*/
top:100px; /*this value may require resetting*/
z-index:1;
width:559px;
height:364px;
overflow:auto;
}
#layer1 h1 {
font-size:24px;
color:#fff;
}
#layer1 p {
color:#fff;
}
#map_holder img {
position:absolute;
left:0;
top:0;
z-index:0;
width:800px;
height:550px;
border:0 solid;
}
a:link {
color:#ffc;
}
a:visited {
color:#ff9;
}
a:hover {
color:#fff;
}
a:active {
color:#ff9;
}
</style>
</head>

<body>
<div id="map_holder">
<div id="Layer1"> <div id="Layer1" style="position:absolute; left:150px; top:140px; width:559px; height:324px; z-index:1; overflow: auto;">

<body bgcolor="transparent" text="#000000" scrolling=no>
<table width="90%" border="0" cellspacing="0" cellpadding="9" align="center" bgcolor="transparent" height="8">
<tr>
<td height="59">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="transparent">
<tr>
<td width="3%" height="80">&nbsp;</td>
<td width="93%" height="80"> <font face="Verdana, Arial, Helvetica, sans-serif" size="5" color="#FF0000">
<b><big><center><font color="#FFFFFF" face="Georgia, Times New Roman, Times, serif">Contact</font></center></big></b></font><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#000000"><br>

<form action="/cgi-bin/cgiemail" method="post">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60%">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica,
sans-serif"><b> <font color="#FFFFFF">Name </font><br>
<input type="text" name="Name" size="25">

<input type="hidden" name="cgiemail_required" value="Name:You forgot to enter your name. Use your back button on your browser to finish the form.">
</b></font></div>
</td>
</tr>
<tr>
<td width="60%">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica,
sans-serif"><br></font></div>
</td>
</tr>
<tr>
<td width="60%">
<div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica,
sans-serif"><b>Email</b></font> <br>
<input type="text" name="EMAIL" size="25">

<input type="hidden" name="cgiemail_invalid" value="You entered an invalid email address Use your Back button on your browser to finish the form">
</div>
</td>
</tr>
<tr>
<td colspan=2><br>
<p align="center"><font color="#FFFFFF" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Message:</font></b></font><br>
<textarea rows="4" cols="50" input type="text" name="Message"></textarea>
</p>
</td>
</tr>
<tr>
<td width="60%">
<div align="center">
<input type="hidden" name="cgiemail_subject" value="example Contact Form"><input type="hidden" name="cgiemail_html" value="contactsuccess.html">
<input type="submit" value="Send Message">
<input type="hidden" name="required" value="Name,From,EMAIL,Message">
<input type="hidden" name="redirect" <input type="hidden"name="recipient"value="example@yahoo.com">
<input type="hidden" name="subject" value="Website Contact Form">
</div>
</td>
</tr>
</table>
</form>
</td>
<td width="4%" height="80"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</div>

<img src="http://example.com/news_template.jpg" usemap="#menu" alt="">
<map name="menu" id="menu">
<area shape="rect" coords="124,488,205,531" href="http://example.com/home.htm" alt="">
<area shape="rect" coords="210,489,286,531" href="http://www.example.com/news.htm" alt="">
<area shape="rect" coords="292,489,342,531" href="http://www.example.com/bio.htm" alt="">
<area shape="rect" coords="348,489,416,531" href="http://www.example.com/tools.htm" alt="">
<area shape="rect" coords="423,489,507,530" href="http://www.example.com/music.htm" alt="">
<area shape="rect" coords="515,489,609,529" href="http://www.example.com/visuals.htm" alt="">
<area shape="rect" coords="615,490,714,529" href="http://www.example.com/contact.htm" alt="">
</map>
</div>
</body>
</html>

tedster

8:23 am on Jan 27, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You do not have valid html, there. To begin with there are two body elements! Get the source code to pass validation first and then work on whatever other issues you have, but always with valid html as the foundation. Otherwise you can frive yourslef nuts.

Validator URLs

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]