sanguisdesign:
fiddler,
It looks to me as if you are having doctype issues.
please read this http://www.alistapart.com/articles/doctype/ written by Jeffry Zeldman, who is considered by a lot of professional web developers to be the best web site engineer in the world.
You problem seem to me that your mark up file breaks when the easy embed template reapplies your mark up as a xthtml 1.0 file and not the html 4.0 that you made it. By the way you should really make sure that you have working mark up to begin with. When I looked at your template in the w3 validator I got 13 errors when I ran it. http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftabbitails.com%2Fcart%2Fincludes%2Ftemplates%2Fsang_embed%2Fcommon%2Fshop.html
You should update you mark up to match the xhtml 1.0 transitional standard. because that is how zen cart tells you browser to parse it.
Thanks for the heads up on that problem! Your comments and links were most helpful. I went in and corrected the code, but even with the 100% validation now, it still duplicates the images that are suppose to appear after the <div id="content">
<!-- START EMBED -->
<!-- END EMBED -->
</div>
It puts the images where they belong, but it also puts the image at the very beginning of the template.
This is the html code now:
<!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">
<head>
<meta http-equiv="Content-Type" content=
"text/html; charset=us-ascii" />
<meta name="Author" content="H and H Press" />
<title>Tabbi Tails</title>
</head>
<body text="#408080" bgcolor="#408080" link="#408080" vlink=
"#20BD9D" alink="#CC33CC">
<center><img src="images/top.jpg" alt="" /></center>
<center>
<table border="0" width="750" bgcolor="#FFFFFF">
<tr>
<td valign="top" width="67">
<center><img src="images/left.jpg" alt="" /></center>
</td>
<td valign="top" width="80%">
<center>
<table border="0" cellspacing="0" cellpadding="0" width="95%">
<tr>
<td valign="top"></td>
</tr>
<tr valign="top">
<td>
<div id="content"><!-- START EMBED -->
<!-- END EMBED --></div>
</td>
<td></td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</center>
<center><img src="images/bottom.jpg" alt="" /></center>
</body>
</html>
The path of the html file is:
http://tabbitails.com/cart/includes/templates/quilt/common/quilt.html
(yes, I duplicated your files and renamed them to a new template - in an effort to find out how to fix what now seems to be the unfixable).
You can see this duplication by going to:
http://tabbitails.com/cart
The very bottom graphic, which is the third line up from the bottom of the html page --
<center><img src="images/bottom.jpg" alt="" /></center>
also appears directly above what is actually suppose to be the first image: <center><img src="images/top.jpg" alt="" /></center>.
So even though the page validates now, it still doesn't work the way I believe it should.
Work when you have to. Play when you can!