Broken links after uploading web site to server

Question

We created our office's web site using Dreamweaver CS4, and uploaded it to the server of our ISP.  Prior to uploading, we tested the site in both IE7 and Firefox, and everything worked fine.  After uploading, however, all images are lost and several of our links are broken.  Any suggestions on where to start looking and how to fix are very appreciated.

Answer 1

Your code is whacked. Your page can't find the Spry files. Your code is like this:
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
That dot-dot part (../) means the page needs to back up to the parent folder, then enter the SpryAssets folder. Same for your images and links:
<h1><a href="../Images/larger-logo.jpg"><img src="../Images/larger-logo.jpg" alt="logo" width="300" height="150" border="0" align="left" /></a></h1>
Looks like you used a Dreamweaver template and somehow your links/references got messed up. It has nothing to do with uploading to a server. The problem is most likely caused by [a] Dreamweaver site not properly configured, or [b] improper use of a Dreamweaver template. You'll need to either manually fix all the bad code or try to recreate a page based on the template - or even recreate the template.
First thing first - you need to understand the problem. Do you understand - looking at your code - what the problem is? Why those ../ are breaking things? Do you understand the concept of paths? You need to understand that before you can understand how to fix this.