menu bar image link paths

Hi

I’m very, very new to WordPress, but have designed a custom theme, have it working on my local server with 2 sidebar widgets, a different sidebar on one of the pages, a main content area widget, and everything is great. The only problem is that I have my nav in the main content area (actually that part is fine, but…) and above each word in the dynamic nav there is a static photo that I want to link to the corresponding pages (home has an image of a mailbox above it, studio has an image of the studio above it, etc.). The text links work on all pages, and the home img works on the home page only. On the other pages I get a 404 or a blank page. I’ve tried playing around with the paths and nothing seems to work. Can anyone help, please? I can’t link to the page because it’s only local for now.

Here’s the html though:

<div id=’main-content’>

<div id=”header-images”>
<img src=”http://localhost/wp-content/themes/JoelSavoy/images/photos/home.png&#8221; width=”168″ height=”169″ alt=”home”>
<img src=”http://localhost/wp-content/themes/JoelSavoy/images/photos/joel.png&#8221; width=”168″ height=”169″ alt=”joel”/>
<img src=”http://localhost/wp-content/themes/JoelSavoy/images/photos/studio.png&#8221; width=”168″ height=”169″ alt=”studio”/>
<img src=”http://localhost/wp-content/themes/JoelSavoy/images/photos/projects.png&#8221; width=”168″ height=”169″ alt=”projects”/>
</div>
<nav>
<?php wp_nav_menu(array(“menu” => ‘main nav menu’)); ?>
</nav>