[browserdaily]

I am updating a site for someone and the site was built 10 years ago. She can not contact the person who built the site to began with. So she wants me to update it. She wants some pages added to the nav bar. I looked in the ftp and the first thing I looked at was the HTML on the index page. I did not see anything in there that had to do with the nav bar. The only thing I saw was a link to her file that was an image. The image was the nav bar but, the whole thing was just one image how do I add new links?

The site is - Office of the Community Lawyer Home Page

The image was - http://communitylawyer.org/images/home_nav.gif

Is there something I am not seeing?

Thanks,
Jon Bishop

[surgeVel]

If that is the case, she is probably suing some sort of .css file to manage that image in order to break it up for different links. Check in the code where that image is at. Is there any code referencing a .css file or something? What about in the header of the HTML file?

If you can copy the code into this thread using the code tags that would help me find out what you could do. But I definitely understand if you can't do that for privacy reasons.

[browserdaily]

I do not see anything here is the line with the image in it.

<td rowspan="3"><img name="n27_lg_slice_r10_c12" src="http://www.tech-forums.net/pc/images/index1.jpg" width="15" height="155" border="0" alt="."></td>

    <td valign="top" colspan="2" rowspan="3" align="right"><img src="http://www.tech-forums.net/pc/images/curve_nav.gif" width="35" height="155" alt="."></td>

    <td valign="bottom" rowspan="5" bgcolor="#FF9966" align="center"><img src="http://www.tech-forums.net/pc/images/spacer.gif" width="54" height="222"></td>

    <td width="113" rowspan="5" valign="top" bgcolor="#FF9966" align="center"><img src="http://www.tech-forums.net/pc/images/home_nav.gif" width="112" height="194" alt="Navigation" usemap="#home_nav" border="0"><img src="http://www.tech-forums.net/pc/images/spacer.gif" width="1" height="1"></td>

    <td width="55" rowspan="5" valign="bottom" bgcolor="#FF9966" align="center"><img src="http://www.tech-forums.net/pc/images/spacer.gif" width="55" height="223"></td>

    <td height="4" bgcolor="#FF9966"><img src="http://www.tech-forums.net/pc/images/spacer.gif" width="1" height="4" border="0"></td>

  </tr>

[surgeVel]

alt="Navigation" usemap="#home_nav"

This part right here inside the image home_nav.gif code shows that they are definitely using a .css file or some sort of header information to do the links.

To add some pages, you will have to edit the image to include the new items, then edit the CSS file to map a link to those new pages.

Look in there for a CSS file of some sort, or look in the header for a Navigation section.

[browserdaily]

Ok, I will look.

Thank God... I found it!

<map name="home_nav"> 

  <area shape="rect" coords="51,24,116,45" href="about.html" alt="About Us" title="About Us">

  <area shape="rect" coords="2,55,119,79" href="action.html" alt="Citizens in Action" title="Citizens in Action">

  <area shape="rect" coords="14,92,119,117" href="intern.html" alt="Intern Program" title="Intern Program">

  <area shape="rect" coords="34,128,118,148" href="resources.html" alt="Resources" title="Resources">

  <area shape="rect" coords="34,164,121,186" href="contact.html" alt="Contact Us" title="Contact Us">

</map>

The only thing that I am confused about is how the coords mean?

[surgeVel]

probably pixels with x horizontal, y horizontal, x vertical, y vertical. Either that or x start, y start, x height, y length.

Not sure just by looking at those, but mess around with the numbers till you figure out what it is. Personally I just use separate images or a CSS file to do navigation bars, but this website is old so it is using old techniques.

[browserdaily]

Ok,

Also, do you know how to find out the image pixies so I can find out what to do with the numbers. If not that's fine.

Thanks you helped me a lot.

[surgeVel]

Do you have an image editor? Such as Photoshop? If so you can probably open it up and look at grid view, or look at the bottom of the image window to see if it displays the coordinates on there.

Something like this would help:

[office politics]

can be done in mspaint, look in lower right corner

[surgeVel]

Originally Posted by office politics

can be done in mspaint, look in lower right corner

Very nice. I wasn't sure if MS Paint did that. Been ages since I opened that program.