Menu Code

Wondering if someone could look at a page for me I am making for my Fire Department and let me know where you think I went wrong with some coding.

The menu across the top has 7 links. The small images next to each link are all fixed in place and part of the top graphic (header.jpg). On 2 of the links (Audits and Elections) the full word is not acting as a link. Actually with the word elections on the letters "Ele" are clickable (at least in my browser using Firefox)

I am sure it has something to do with the CSS file pertaining to the header section but cannot figure it out. I am using a PHP Include for the menu but even without having that in place and having the code for the links directly in the file .... it still happens. Any input would be appreciated.

The Web Page is located at <snip>

[edited by: incrediBILL at 9:03 pm (utc) on Jan 26, 2014]
[edit reason] URls removed. No site reviews. Please see forum charter and TOS [/edit]


<!DOCTYPE html>
<html lang="en">
<head>
<base href="http://htfd5.org/">
<meta charset="utf-8">

<title>Hamilton Township Fire District #5</title>

<link rel="stylesheet" href="/">

<style>
body {
    margin:0;
    font-family:arial,helvetica,sans-serif;
    font-size:14px;
    color:#fff;
    background-color:#00007f;
 }
#container {
    width:814px;
    padding-top:364px;
    margin:auto;
    background-image:url(images/header.jpg);
    background-repeat:no-repeat;
 }
#nav {
    padding:0 0 13px 30px;
    margin:0;
    list-style-type:none;
    overflow:hidden;
 }
#nav li{
    float:left;
    width:112px;
 }
#nav a {
    display:block;
    line-height:26px;
    padding:0 4px;
    margin-left:8px;
    font-size:12px;
    font-weight:900;
    color:#fff;
    text-decoration:none;
 }
#nav a:hover {
    color:#f00;
 }
#welcome {
    background-image:url(images/engine_main.jpg);
    background-repeat:no-repeat;
    background-position:528px top;
 }
#welcome h3 {
    margin:10px 10px 10px 110px;
    font-size:20px;
    color: #f00;
    text-transform:uppercase; 
 }
#welcome p {
    width:416px;
    margin:10px 10px 10px 110px;
 }
#personnel {
    width:600px;
    margin:0 auto 50px;
    overflow:hidden;
 }
#personnel h2 {
    margin-top:70px;
    color:#f00;
    text-align:center;
 }
#personnel dl {
    float:left;
    width:300px;
 }
#personnel dt {
    margin-bottom:5px;
    font-weight:bold;
    text-decoration:underline;
 }
#personnel dd { 
    margin:0 0 2px 0;
 }  

#footer {
    background-image:url(images/line.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    padding:10px 10px 10px 110px;
    text-align:center;
 }
</style>

</head>
<body>

<div id="container">

<ul id="nav">
 <li><a href="index.php">Home</a></li>
 <li><a href="budgets.php">Budgets</a></li>
 <li><a href="minutes.php">Minutes</a></li>
 <li><a href="meetings.php">Meetings</a></li>
 <li><a href="audits.php">Audits</a></li>
 <li><a href="elections.php">Elections</a></li>
 <li><a href="contact.php">Contact</a></li>
</ul>

<div id="welcome">

<h3>Welcome</h3>

<p>
The goal of Hamilton Township Fire District 5 is to provide a high quality 
professional fire service, along with educating the residents and businesses 
who reside in the district on fire prevention and fire safety.
</p><p>
Hamilton Township Fire District 5 also assists in emergency medical services 
to the residents and businesses within the District and provide mutual aide 
within the Township and surrounding communities.
</p><p> 
This website has been developed in order to satisy the requirements of 
enacted law A3908 requiring all Fire Districts and other governing agencies 
to become more transparent to the general public by providing specific 
information pertaining to our fire district 
</p>

</div><!-- end #welcome -->

<div id="personnel">

<h2>PERSONNEL</h2>

<dl>
 <dt>Commissioners<dt>
   <dd>Bernard Crammer Jr. - Chairman</dd>
   <dd>Jonathan Tomko- Treasurer</dd>
   <dd>Leonard J. Gadsby - Secretary</dd>
   <dd>Anthony Gulotta - Buildings & Grounds</dd>
   <dd>Robert A. Dill - Personnel</dd>
</dl>

<dl>
 <dt>Career Staff<dt>
   <dd>Thomas Garey - Captain</dd>
   <dd>Vincent Jarzyk</dd>
   <dd>Ronald O'Hara</dd>
   <dd>Kinte Holt</dd>
   <dd>Jarrett Gadsby</dd>
   <dd>Eric Wojcik</dd>
</dl>

</div><!-- end #personnel -->

<div id="footer"></div>

</div><!-- end #container -->

</body>
</html>

Menu Code

captainron19

tangor

drhowarddrfine

birdbrain

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week