I wanted to place a custom banner on the top of the photo album above the the photo album title. Once I'm into html mode (I'm using Dreamweaver), I place the image (banner) that I'd like placed at the top of the screen. Unfortunately, the image does not show. You can see the image tries to load when you refresh the photo gallery, but it then disappears. Can anyone tell me what I'm doing wrong? The photo name is Yak Dawgs copy.jpg. Here is the code from the page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
<style type="text/css">
<!--
.style1 {font-size: 14px}
-->
</style>
{META}
<link rel="stylesheet" href="themes/classic/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html 2688 2005-12-04 03:22:35Z donnoman $ -->
</head>
<body>
<div align="center"></div>
<table width="100%" border="0" cellpadding="20" cellspacing="20">
<tr>
<td valign="top" style="border: 1px solid #666666;background-color:#FFFFFF;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><br /> </td>
<[u]td width="100%" align="center"><p> <a href="yakdawgs.com"> <img border="0" src="../water_drop/images/Yak Dawgs Copy.jpg" width="400" height="89" /> </a> </p>[/u]
<h1 align="center">Yak Dawgs Photo Gallery </h1>
<h1 align="center"><span class="style1">{SYS_MENU} </span></h1>
<h1 align="center"><span class="style1">{SUB_MENU} </span></h1> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top">{LANGUAGE_SELECT_FLAGS} </td>
</tr>
<tr>
<td align="center" valign="top">
{THEME_SELECT_LIST}
{LANGUAGE_SELECT_LIST} </td>
</tr>
</table>
<div align="center"><img src="images/spacer.gif" width="1" height="15" alt="" />
<br />
</div>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top">
{ADMIN_MENU}
{GALLERY} </td>
</tr>
</table>
</td>
</tr>
</table>
{CUSTOM_FOOTER}{VANITY}
</body>
</html>
[Edited By Sami]:
Added code block