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
- Use # button to enter code , it will make your code more readable
- Post a link to your gallery
- It seems that your image path is wrong !
if your banner is under images folder of water_drop theme then path would be :
theme\water_drop\images\Yak Dawgs Copy.jpg
And you shouldn't use space on filename at all , use _ instead of space
Sami,
Thanks a ton for the reply. Even when the path is changed, the banner still does not appear. I changed the name of the logo to banner.jpg (no spaces this time). Yet, I'm still dealing with the same issue. Here is the link to the forum: http://yakdawgs.com/coppermine/index.php?theme=water_drop
I know there is a simple fix, but for whatever reason, everything I have tried ends up being a the same result...no visible banner.
Thanks,
Roland
Change this (under themes/water_drop/template.html):
<img src="Banner.jpg" height="89" width="400">
to this:
<img src="themes/water_drop/Banner.jpg" height="89" width="400">
and you'll be fine ;)
Sami:
I feel like a dunce. Thanks so much for the help!!!
Roland