Ok so I used Adobe Photoshop to generate my Photo Gallery Code, the default index.html page it creates works fine when i upload it to my site but as soon as I add my sites layout around the code it does not seem to work, can anyone please help me.
Page with problem: http://lovedbydesign.com/store/t-shirt-1/index.html
What it should look like in the empty table cell in the above page: http://lovedbydesign.com/store/t-shirt-1/index2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>T-Shirt 1 Test page</title>
<!-- FlashObject embed by Geoff Stearns geoff@choppingblock.com http://choppingblock.com/ -->
<script type="text/javascript" src="flashobject.js"></script>
<script type="text/javascript">
window.onload = function() {
if ((window.document.getElementById) && (window.document.getElementById('gallery').focus)) {
window.document.getElementById('gallery').focus();
}
}
</script>
<style type="text/css">
/* hide from ie5 mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #ffffff;
background-image: url(../../images/background.png);
}
.style4 {color: #8B6944}
.style7 { color: #f15ba3;
font-weight: bold;
font-size: 16px;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a:hover {
color: #8B6944;
}
</style>
<link href="../../style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="10" rowspan="6" class="border-left"> </td>
</tr>
<tr>
<td class="angled-background"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2"><div align="left"><img src="../../images/header.png" alt="Loved - you wear what you eat" width="246" height="120" /></div></td>
<td width="55"><div align="center"><a href="faq.php"><img src="../../images/faq.png" alt="faq" width="36" height="58" onmouseover="this.src='../../images/faq-ro.png'" onmouseout="this.src='../../images/faq.png'" border="0"/></a></div></td>
<td width="55"><div align="center"><a href="http://www.myspace.com/lovedbydesign" target="_blank"><img src="../../images/myspace.png" alt="myspace" width="52" height="60" onmouseover="this.src='../../images/myspace-ro.png'" onmouseout="this.src='../../images/myspace.png'" border="0"/></a></div></td>
<td width="55"><div align="center"><a href="contact.php"><img src="../../images/contact.png" alt="contact" width="44" height="58" onmouseover="this.src='../../images/contact-ro.png'" onmouseout="this.src='../../images/contact.png'" border="0"/></a></div></td>
</tr>
<tr>
<td colspan="3"><form id="form1" name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td><div align="right" class="style2 style7">mailing list </div></td>
</tr>
<tr>
<td><script>
function change(that, fgcolor, bgcolor){
that.style.color = fgcolor;
that.style.backgroundColor = bgcolor;
}
</script>
<label>
<div align="right">
<input name="mailing list" type="text" id="mailing list" onfocus="change(this,'#FFFFFF','#8b6944');" onblur="change(this,'#FFFFFF','#8b6944');" size="20" />
</div>
</label></td>
</tr>
<tr>
<td><div align="right"><img src="../../images/join-us.png" alt="" width="80" height="19" /></div></td>
</tr>
</table>
</form></td>
</tr>
</table>
<div align="center"></div>
<div align="center"></div>
<div align="center"></div></td>
<td width="10" rowspan="5" class="border-right"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../blog.php" class="nav">blog</a></div></td>
<td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../store.php" class="nav">store</a></div></td>
<td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../press.php" class="nav">press</a></div></td>
<td width="60" bgcolor="#FFFFFF"><div align="center"><a href="../../events.php" class="nav">events</a></div></td>
<td width="60" bgcolor="#FFFFFF"><p align="center"><a href="../../links.php" class="nav">links</a></p></td>
<td width="480" bgcolor="#FFFFFF"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="2" bgcolor="#8b6944"></td>
</tr>
<tr>
<td valign="top" bgcolor="#8b6944"><table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td valign="top" bgcolor="#FFFFFF"><img src="../../images/store-heading.png" alt="Blog" width="98" height="40" />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="../../images/dot.png" height="3px"></td>
</tr>
</table>
<br />
<div style="display:none">
<div>%FLASH%</div>
<div>T-Shirt 1 Test page</div>
<div></div>
<div></div>
<div></div>
<div></div>
<div>#F0F0F0</div>
<div>#FFFFFF</div>
<div>#000000</div>
<div>#0000FF</div>
<div>#800080</div>
<div>#FF0000</div>
<div>.jpg</div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td width="53%" valign="top"><div id="flashcontent">
<div align="center">
<script type="text/javascript">
// <![CDATA[
var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff");
myFlashObject.addParam("scale", "noscale");
myFlashObject.addVariable("request", getQueryParamValue("image"));
myFlashObject.addVariable("photosXmlFile", "photos.xml");
myFlashObject.addVariable("configXmlFile", "galleryconfig.xml");
myFlashObject.write();
// ]]>
</script>
<noscript>
You must enable Javascript to view this content.
</noscript>
</div>
</div></td>
<td width="47%" valign="top"><p><strong>Description:</strong> Blah Blah Blah</p>
<p><strong>Colours:</strong> White, Brown Etc.</p>
<p><strong>Price:</strong> $35.95</p>
<p><strong>Size:
<select name="select" id="select">
<option value="Small">Small</option>
<option value="Medium">Medium</option>
<option value="Large">Large</option>
</select>
</strong></p>
<p><img src="../../images/addtocart.jpg" alt="add to cart" width="87" height="23" /> <img src="../../images/viewcart.jpg" alt="view cart" width="87" height="23" /></p></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF"><div align="center"><span class="style4">loved by design © 2008 - all rights reserved</span></div></td>
</tr>
</table>
</body>
</html>