<base href="[(site_url)]"></base>
What does a "view source" on the actual web page look like? What does the URL it has to the images point to? Do you have a base tag in your template head?
<base href="[(site_url)]"></base>
<html>
<head>
<title>[(site_name)] | [*pagetitle*]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<base href="[(site_url)]"></base>
<link href="/assets/templates/modxhost/Styles.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="assets/templates/modxhost/modx.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/templates/modxhost/print.css" type="text/css" media="print" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
<script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script>
<script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
background-image: url(/images/background.jpg);
background-repeat: repeat;
}
.text {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #F90;
}
.linkspinergy {
color: #fff;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
}
.linkspinergy:active {
color: #fff;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
}
.linkspinergy:visited {
color: #fff;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
}
.linkspinergy:hover {
color:#F90;
text-decoration: none;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Main2.psd) -->
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><table id="Table_01" width="1024" height="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="62" height="57" align="left" valign="top" background="main2/Main/Main2_01.jpg"><img src="main2/Main/Main2_01.jpg" width="62" height="57" alt=""></td>
<td width="904" height="57" align="left" valign="top" background="main2/Main/Main2_02.jpg">{{spinergymenu}}</td>
<td width="58" height="57" align="left" valign="top" background="main2/Main/Main_03.jpg"><img src="main2/Main/Main_03.jpg" width="58" height="57" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td height="217" align="left" valign="top" background="main2/Main/Main2_04.jpg"><img src="main2/Main/Main2_04.jpg" width="1024" height="217" alt=""></td>
</tr>
<tr>
<td align="left" valign="top"><table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="74" height="486" align="left" valign="top" background="main2/Main/Main2_05.jpg"><img src="main2/Main/Main2_05.jpg" width="74" height="486" alt=""></td>
<td width="630" align="left" valign="top" bgcolor="#FFFFFF"><table width="630" border="0" cellspacing="0" cellpadding="5">
<tr>
<td height="486" align="left" valign="top">
<p><h3>[*longtitle*]</h3></p>
<p>[*#content*]</p></td>
</tr>
</table></td>
<td width="320" height="486" align="left" valign="top" background="main2/Main/Main2_07.jpg"> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top" background="main2/Main/Main2_08.jpg"><img src="main2/Main/Main2_08.jpg" width="1024" height="40" alt=""></td>
</tr>
<tr>
<td align="center" valign="middle" bgcolor="#FCFCFE">{{copyright}}</td>
</tr>
</table></td>
</tr>
</table>
<map name="Map3">
<area shape="rect" coords="0,-1,45,46" href="http://www.facebook.com/group.php?gid=121565463367" target="_blank">
</map>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-8633982-18']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End Save for Web Slices -->
</body>
</html>
What does a "view source" on the actual web page look like? What does the URL it has to the images point to? Do you have a base tag in your template head?
<base href="[(site_url)]"></base>
Is the image not showing up in the actual final page, or not showing up in the Rich Text editor when editing the document in question?