Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1637
  • Last Modified:

XHTML page with Spry won't validate

Hi again, I had good responses to my last question, so I'm posting again. I am validating a website and have all the pages validated except the page with the photo gallery. When I try to validate with the w3.org validator all the error messages I get are related to the various "spry:-----" not being valid attribute....I will post the entire code for the page...any assistance or guidance would be greatly appreciated.
THANKS!
<!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" xmlns:spry="http://ns.adobe.com/spry/">
 
<!-- #BeginTemplate "Templates/template.dwt" -->
 
<head>
<!-- #BeginEditable "meta" -->
<title>Photo Gallery</title>
<meta name="Keywords" content="Houston Catering,Houston Caterers,Catering in Houston,Houston Reception Caterers,Reception Caterers in Houston,Corporate Caterers in Houston,Catering for Weddings in Houston,Houston Catering Weddings, Quinceanera Catering in Houston, Houston Quinceanera Catering, Quinceanera Catering Houston, Wedding Catering in Houston,Houston Catering for Weddings,Houston Wedding Catering,Houston Weddings,Houston Wedding,Houston Quinceanera,Quinceanera in Houston,Quinceaneras in Houston,Weddings in Houston" />
<meta name="Description" content="Catering in Houston for any occasion" />
 
<link href="Site/styles/alternate1.css" rel="stylesheet" type="text/css" />
<link href="Site/gallery/scripts/styles.css" rel="stylesheet" type="text/css" />
 
 
<!-- #EndEditable -->
 
<!-- language content -->
<meta name="language" content="en-US" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
<!-- shared style sheets -->
<link href="Site/styles/template.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/content.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/menu.css" rel="stylesheet" type="text/css" />
<link href="Site/styles/fonts.css" rel="stylesheet" type="text/css" />
 
<!-- alternate style -->
<!-- #BeginEditable "template style" -->
<!-- #EndEditable -->
 
<!-- IE6 style -->
<!--[if IE 6]>
<link href="Site/styles/ie6-template.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
<!-- #BeginEditable "flash_variables" -->
<script type="text/javascript">
//<![CDATA[
// if this page is in:
//   the root folder, then set this variable to ./
//   a sub folder one level deep, then set this variable to ../
//   a sub folder two levels deep, then set this variable to ../../
var rootFlashLocation = "./";
 
// define the "themed" image
// define the "themed" image
var imgURL          = "Site/themed_images/template_header_left.jpg";
var imgURL2         = "Site/themed_images/template_header_right.jpg";
 //]]>
</script>
 
<script type="text/javascript" src="Site/gallery/scripts/xpath.js"></script>
<script type="text/javascript" src="Site/gallery/scripts/SpryData.js"></script>
<script type="text/javascript" src="Site/gallery/scripts/SpryEffects.js"></script>
<script type="text/javascript">
//<![CDATA[ 
var dsAlbumBook = new Spry.Data.XMLDataSet("Site/gallery/slideshow.xml", "/AlbumBook");
var dsAlbums = new Spry.Data.XMLDataSet("Site/gallery/slideshow.xml", "/AlbumBook/Album");
var dsSlides = new Spry.Data.XMLDataSet("Site/gallery/slideshow.xml", "/AlbumBook/Album[@path = '{dsAlbums::@path}']/Slide");
 //]]>
</script>
<script src="Site/gallery/scripts/gallery.js"  type="text/javascript"></script>
 
 
 
<!-- #EndEditable -->
 
<!-- javascript files -->
<script type="text/javascript" src="Site/javascript/special_functions.js"></script>
<script type="text/javascript" src="Site/javascript/menu.js"></script>
<script type="text/javascript">AC_FL_RunContent = 0; </script>
<script type="text/javascript">DetectFlashVer = 0; </script>
<script type="text/javascript" src="Site/javascript/AC_RunActiveContent.js"></script>
<script type="text/javascript">
//<![CDATA[
<!--
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Revision of Flash required
var requiredRevision = 0;
// -->
 //]]>
</script>
 
<script type="text/javascript" src="Site/javascript/jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="Site/javascript/ddaccordion.js">
//<![CDATA[
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
 //]]>
</script>
 
<script type="text/javascript">
//<![CDATA[
ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "<img src='Site/graphics/menu/plus.gif' class='statusicon' />", "<img src='Site/graphics/menu/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "normal" //speed of animation: "fast", "normal", or "slow"
})
 //]]>
</script>
<!-- IE6 png fix -->
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="Site/javascript/pngfix.js"></script>
<![endif]-->
 
</head>
 
<body>
<div id="main" style="width:100%">
<!--SEO H1 -->
<div id="seo_1" style="top: 35px; position:absolute; width:900px; z-index:200; text-align:left; left: 50px;">
<!-- #BeginEditable "seo_h1" -->
<div class="style101"><h1><font face="Papyrus" size="3">Catering in Houston can 
	be a lot of fun..... Choose your caterer wisely.</font></h1></div>
<!-- #EndEditable -->
</div>
<!--SEO H2 -->
<div id="seo_2" style="top: 290px; position:absolute; width:500px; z-index:200; text-align:left; left: 80px;">
<!-- #BeginEditable "seo_h2" -->
<div class="style102"><h2><font face="Monotype Corsiva" size="3">Some samples of 
	Catering Events in Houston</font></h2></div>
<!-- #EndEditable -->
</div>
 
<table id="outer_wrapper" style="width: 100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td class="top1">&nbsp;</td>
		<td class="top2">
		<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="top2_left">&nbsp;</td>
				<td class="top2_center">&nbsp;</td>
				<td class="top2_right">&nbsp;</td>
			</tr>
		</table>
		</td>
		<td class="top3">&nbsp;</td>
	</tr>
	<tr>
		<td class="center1"><div class="center1_top">&nbsp;</div></td>
		<td class="center2">
<!-- /header -->		
		<div id="header">
	<div class="header2">
		<div class="header3">
			<div class="header1">
				<div class="header_wrapper">
<!--header image-->
<div id="header_image" style="left: 0px; top: 0px; position:absolute;">
<script type="text/javascript">
//<![CDATA[
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '400',
			'height', '210',
			'src', rootFlashLocation + 'Site/flash/header_left_bg',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'header_left_bg',
			'bgcolor', '#ffffff',
			'name', 'header_left_bg',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', rootFlashLocation + 'Site/flash/header_left_bg',
			'salign', '', 
			'FlashVars', 'imgURL=' + rootFlashLocation + imgURL
			); //end AC code
	}
	 //]]>
</script>
<noscript>
<div>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="210" id="header_left_bg">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="Site/flash/header_left_bg.swf" />
	<param name="src" value="Site/flash/header_left_bg.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="base" value="Site/flash/" />
	  <!--[if !IE]-->       
      <object type="application/x-shockwave-flash" data="Site/flash/header_left_bg.swf" width="400" height="210">
	    <param name="quality" value="high" />
	    <param name="allowScriptAccess" value="sameDomain" />
	    <param name="allowFullScreen" value="false" />
	    <param name="wmode" value="transparent" />
	    <param name="base" value="Site/flash/" />
        <!--[endif]-->          
      <!--[if !IE]-->       
      </object>        
      <!--[endif]-->      	 
	</object>
  </div>
</noscript>	
</div>
<!--header image-->
<div id="header_image2" style="right: 15px; top: -9px; position:absolute;">
<script type="text/javascript">
 //<![CDATA[
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '400',
			'height', '230',
			'src', rootFlashLocation + 'Site/flash/header_right_bg',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'header_right_bg',
			'bgcolor', '#ffffff',
			'name', 'header_right_bg',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', rootFlashLocation + 'Site/flash/header_right_bg',
			'salign', '', 
			'FlashVars', 'imgURL2=' + rootFlashLocation + imgURL2
			); //end AC code
	}
	//]]>
</script>
<noscript>
<div>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="230" id="header_right_bg">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="Site/flash/header_right_bg.swf" />
	<param name="src" value="Site/flash/header_right_bg.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="base" value="Site/flash/" />
	  <!--[if !IE]-->       
      <object type="application/x-shockwave-flash" data="Site/flash/header_right_bg.swf" width="400" height="230">
	    <param name="quality" value="high" />
	    <param name="allowScriptAccess" value="sameDomain" />
	    <param name="allowFullScreen" value="false" />
	    <param name="wmode" value="transparent" />
	    <param name="base" value="Site/flash/" />
        <!--[endif]-->          
      <!--[if !IE]-->       
      </object>        
      <!--[endif]-->      	 
	</object>
  </div>
</noscript>	
</div>
 
<!--themed image-->
<div id="themed_image" style="left: 240px; top: -30px; position:absolute; height: 131px;">
<!-- #BeginEditable "themed_image" -->
<!--webbot bot="Include" U-Include="Library/themed_image.htm" TAG="BODY" startspan -->
 
<!--webbot bot="Include" i-checksum="96" endspan --><!-- #EndEditable --></div>
 
<!--logo-->
<div id="logo" style="text-align:left; position:absolute; left:45px; top:25px;">
<!--webbot bot="Include" U-Include="Library/logo.htm" TAG="BODY" startspan --> 
 
<!-- for text logo - remove this line
 
<div class="logo">  Website Name  </div> 
 
for text logo - remove this line -->
<img src="Site/logo/logo.png" width="162" height="189" alt="logo" />
 
 
<!--webbot bot="Include" i-checksum="42486" endspan --></div>
 
<!-- dropmenu -->
<div id="dropmenu" style="right: 6px; top: -70px; position:absolute">
<!--webbot bot="Include" U-Include="Library/drop_menu.htm" TAG="BODY" startspan -->
<div id="slidemenu" class="style104">
<ul>
 
<!--1st section: THESE IS THE MAIN MENU BUTTONS -->
 
<li><a href="index.htm" 					title="Home"><span>Home</span></a></li>
<li><a href="alta.htm" 				title="Catalog" rel="dropmenu2_c"><span>Menus</span></a></li>
<li><a href="services.htm" 				title="Services" rel="dropmenu1_c"><span>Services</span></a></li>
<li><a href="quote.htm" 				title="Get a Quote"><span>Get a Quote</span></a></li>
<li><a href="photo_gallery.htm" 			title="Photo Gallery"><span>Photos</span></a></li>
<li><a href="$_alternate1.htm"	title="Optional Pages" rel="dropmenu3_c"><span>Events</span></a></li>
 
<!--END MAIN BUTTONS -->
</ul>
</div>
 
<br style="clear: left;" /><br class="IEonlybr" />
 
<!--2nd section: THESE IS THE SUB MENU BUTTONS -->
 
<!--1st sub menu -->                                                   
<div id="dropmenu2_c" class="style105" style="width:150px">
 
<a href="corpb.htm" 	title="Item 1">Corporate Breakfast</a>
<a href="corpl.htm" 	title="Item 2">Corporate Lunch</a>
<a href="horsc.htm" 	title="Item 3">Hors D' Oeuvres A la Carte</a>
<a href="horsp.htm" 	title="Item 4">Hors D' Oeuvres Packages</a>
<a href="italian.htm" 	title="Item 5">Italian Menus</a>
<a href="casual.htm" 	title="Item 6">Casual Menu</a>
<a href="alta.htm" 	title="Item 6">Alta Menu</a>
<a href="elite.htm" 	title="Item 6">Elite Menu</a>
<a href="sides.htm" 	title="Item 6">Side Choices</a>
</div>
 
<!--2nd sub menu -->                                                   
<div id="dropmenu1_c" class="style105" style="width:150px">
 
<a href="services.htm" 			title="Silver">Service Types</a> 
<a href="details.htm" 				title="Gold">Event Details</a>
<a href="terms.htm" 			title="Platinum">Terms</a>
</div>
 
<!--3rd sub menu -->                                                   
<div id="dropmenu3_c" class="style105" style="width:133px">
 
<a href="$_alternate1.htm" 		title="Layout 1">Corporate Events</a>
<a href="$_alternate2.htm" 		title="Layout 2">Weddings</a>
<a href="$_alternate3.htm" 		title="Layout 3">Fundraisers</a>
<a href="$_alternate4.htm" 		title="Layout 4">Holiday Parties</a>
<a href="$_alternate5.htm" 		title="Layout 7">Outdoor Events</a>
<a href="$_alternate6.htm" 		title="Layout 7">Production Catering</a>
</div>
 
<!--4th sub menu -->                                                   
<div id="dropmenu4_c" class="style105" style="width:150px">
</div>
 
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("slidemenu", "auto")
</script>
 
<!--webbot bot="Include" i-checksum="6240" endspan --></div>
<!-- dropmenu end -->	
 
<!--search-->
<div id="search" style="left: 26px; top: -61px; position:absolute">
<!--webbot bot="Include" U-Include="Library/search.htm" TAG="BODY" startspan -->
 
<!-- Google CSE Search Box Begin222s -->
<script type="text/javascript">
 
// Google Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
 
//Enter domain of site to search.
var domainroot="www.mycateringcompany.com"
 
function Gsitesearch(curobj){
  
  if (domainroot == "www.mycateringcompany.com") {
    if (window.location.href.indexOf("http")) {
      alert("This search box is not yet set up -- to edit, go to the 'Library/search.htm' file and configure the domain root");
      return false;
    } else {
      domainroot = location.hostname;
    }
  } else {
  
    curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
  }
}
 
function submitSearchForm() {
  var myForm = document.getElementById("searchForm");
  
  if (Gsitesearch(myForm)) {
    myForm.submit();
  }
}
</script>
<form id="searchForm" action="http://www.google.com/search" method="get" onsubmit="return Gsitesearch(this)">
<div class="search-container"><input name="q" type="hidden" />
<input name="qfront"  class="searchbox" type="text" style="width: 128px" /> 
<a href="javascript:submitSearchForm()"><img alt="" class="search" src="Site/graphics/elements/search.png" /></a>
</div></form>
 
<!--webbot bot="Include" i-checksum="8540" endspan --></div>
 
<!--icons-->
<div id="icons" style="right: 20px; top: 229px; position:absolute; width:218px; height:17px;">
<!--webbot bot="Include" U-Include="Library/icons.htm" TAG="BODY" startspan -->
<div class="style103">
<a href="index.htm" class="icon1">HOME</a>
<a href="contact.htm" class="icon2">CONTACT</a>
<a href="sitemap.htm" class="icon3">SITEMAP</a>
</div>
<!--webbot bot="Include" i-checksum="34863" endspan --></div>
 
</div></div></div></div></div>
		
<!-- /header -->
<!-- content  -->
<div id="content"><div class="layout1c2"><div class="layout1c6"><div class="layout1c4"><div class="layout1c8"><div class="layout1c5"><div class="layout1c7"><div class="layout1c3"><div class="layout1c1">
 
<!-- content containers -->
<table class="content_wrapper" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="left_padding">&nbsp;</td>
				<td class="content1">
 
<div class="body1" style="width: 100%">				
<!-- #BeginEditable "body1" -->
 
<div class="menu_container" style="width: 100%; position:relative; z-index:5;">
<div class="m-heading"><span class="style102">Photo</span>
	<span class="style106">Controls</span></div>
 
<!--start contentg-->
	<div class="contentg_wrapper1">
		<div class="contentg_2">
		<div class="contentg_6">
		<div class="contentg_4">
		<div class="contentg_8">
		<div class="contentg_5">
		<div class="contentg_7">
		<div class="contentg_3">
		<div class="contentg_1">
		
		<div class="contentg_wrapper2">
		<!-- header -->
		<div class="contentg_h_wrapper"></div>
		<!-- content -->	
		<div class="contentg_c_wrapper">
 
<!-- thumbnails -->
<table style="width: 100%" border="0" cellpadding="15" cellspacing="0">
	<tr>
		<td><div id="previews">
    <div id="galleries" spry:detailregion="dsAlbums" spry:if="{ds_RowCount} &gt; 1"><div>
      <p class="descTitle">Select Album:</p>
      <select name="select" id="gallerySelect" onchange="dsAlbums.setCurrentRowNumber(this.selectedIndex);" 
      spry:repeatchildren="dsAlbums">
        <option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" selected="selected">{@title}</option>
        <option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}">{@title}</option>
      </select>
      <p>&nbsp;</p>
      <p class="descTitle" spry:if="'{@description}' != ''">Album name:<span class="albumBookDesc" 
      spry:if="'{@description}' != ''">{@description}</span></p>
      <p>&nbsp;</p>
	  </div>
	  </div>
    <div id="controls">
      <ul id="transport">
        <li><a href="#" onclick="StopSlideShow(); AdvanceToNextImage(true);" title="Previous"> &lt;&lt;</a></li>
        <li class="pausebtn"><a href="#" onclick="if (gSlideShowOn) StopSlideShow(); else StartSlideShow();" title="Play/Pause" id="playLabel">Play</a></li>
        <li><a href="#" onclick="StopSlideShow(); AdvanceToNextImage();" title="Next">&gt;&gt; </a></li>
      </ul>
    </div>
    <div id="thumbnails" spry:region="dsSlides dsAlbums">
      <div spry:repeat="dsSlides" onclick="HandleThumbnailClick('{ds_RowID}');" onmouseover="GrowThumbnail(this.getElementsByTagName('img')[0], '{@thumbWidth}', '{@thumbHeight}');" onmouseout="ShrinkThumbnail(this.getElementsByTagName('img')[0]);"> <img id="tn{ds_RowID}" alt="thumbnail for {@src}" src="{dsAlbums::@path}/{@src}" width="24" height="24" style="left: 0px; right: 0px;" /> </div>
      <p class="ClearAll"></p>
    </div>
  </div></td>
	</tr>
</table>
 
 
	</div></div></div></div></div></div></div></div></div></div></div>
<!--end contentg-->
 
 
<div class="m-heading"><span class="style106">Main</span><span class="style107">Menu</span></div>
 
<!--webbot bot="Include" U-Include="Library/vertical_slidemenu.htm" TAG="BODY" startspan -->
  
  
<!-- menu  -->
<div class="glossymenu">
 
<!-- button 1 -->
<a class="style108" href="index.htm">Welcome</a>
 
<!-- button 2  -->
<a class="style108 submenuheader" href="alta.htm" >Menus</a>
<div class="submenu">
	<ul>
	<li><a href="corpb.htm">Corporate Breakfast</a></li>
	<li><a href="corpl.htm">Corporate Lunch</a></li>
	<li><a href="horsc.htm">Hors D' Oeuvres A la Carte</a></li>
	<li><a href="horsp.htm">Hors D' Oeuvres Packages</a></li>
	<li><a href="italian.htm">Italian Menus</a></li>
	<li><a href="casual.htm">Casual Menu</a></li>
	<li><a href="alta.htm">Alta Menu</a></li>
	<li><a href="elite.htm">Elite Menu</a></li>
	<li><a href="sides.htm">Side Choices</a></li>
	</ul>
</div>
 
<!-- button x -->
<a class="style108" href="quote.htm">Get a Quote</a>
 
 
<!-- button 3 with sub menu -->
<a class="style108" href="photo_gallery.htm">Photos</a>
<!-- button 4 with sub menu -->
<a class="style108 submenuheader" href="services.htm" >Services</a>
<div class="submenu">
	<ul>
	<li><a href="services.htm">Service Types</a></li>
	<li><a href="details.htm">Event Details</a></li>
	<li><a href="terms.htm">Terms</a></li>
	</ul>
</div>
 
<!-- button 4 with sub menu -->
<a class="style108 submenuheader" href="sitemap.htm" >Sitemap</a>
<div class="submenu">
	<ul>
	<li><a href="about.htm">Company Bio</a></li>
	<li><a href="contact.htm">Contact</a></li>
	<li><a href="index.htm">Home</a></li>
	<li><a href="photo_gallery.htm">Photos</a></li>
	<li><a href="privacy.htm">Our Experience</a></li>
	<li><a href="services.htm">Services</a></li>
	</ul>
</div>
 
<!-- button 5 with sub menu -->
<a class="style108" href="contact.htm" >Contact</a>
<!-- button 6 with sub menu -->
<a class="style108 submenuheader" href="$_alternate1.htm" >Events</a>
<div class="submenu">
	<ul>
	<li><a href="$_alternate1.htm">Corporate Events</a></li>
	<li><a href="$_alternate2.htm">Weddings</a></li>
	<li><a href="$_alternate3.htm">Fundraisers</a></li>
	<li><a href="$_alternate4.htm">Holiday Parties</a></li>
	<li><a href="$_alternate5.htm">Outdoor Events</a></li>
	<li><a href="$_alternate6.htm">Production Catering</a></li>
	</ul>
</div>
 
<!-- button 7  -->
<a class="style108" href="about.htm">Company Bio</a>
 
 
</div>
<!-- /menu  -->
 
 
  <!--webbot bot="Include" i-checksum="46791" endspan --><div class="m-heading"><span class="style110">What's</span><span class="style111">New</span></div>
 
<!--start content4-->
	<div class="content4_wrapper1">
		<div class="content4_2">
		<div class="content4_6">
		<div class="content4_4">
		<div class="content4_8">
		<div class="content4_5">
		<div class="content4_7">
		<div class="content4_3">
		<div class="content4_1">
 
		<div class="content4_wrapper2">
		<!-- header -->
		<div class="style112"><h3><font color="#008000">We are going GREEN!</font></h3></div>
		<!-- content -->
		<div class="style113">
 
				<p align="left"><b><font color="#008000">A big decision, and a big gamble, but customers love doing....</font></b>.</p>
		<span class="style114"><a href="green.htm">...more</a></span></div></div></div></div></div></div></div></div></div></div></div>
<!--end content4-->
 
<p>&nbsp;</p>
<div class="m-heading"><span class="style110">We</span><span class="style111">Recommend</span></div>
 
<!--start content4-->
	<div class="content4_wrapper1">
		<div class="content4_2">
		<div class="content4_6">
		<div class="content4_4">
		<div class="content4_8">
		<div class="content4_5">
		<div class="content4_7">
		<div class="content4_3">
		<div class="content4_1">
 
		<div class="content4_wrapper2">
		<!-- header -->
		<div class="style112"><h3>Need a banquet hall?</h3></div>
		<!-- content -->
		<div class="style113">
 
				<p>Banquet Halls in Houston - 
				We recommend The Chateau at Midtown, ideal for 80 to 150 guests.</p>
		<span class="style114">
				<a target="_blank" href="http://www.mybanquethall.com/">...visit 
				the Chateau At Midtown</a></span></div></div></div></div></div></div></div></div></div></div></div>
<!--end content4-->
 
<p>&nbsp;</p>
<div class="m-heading"><span class="style110">Useful</span><span class="style111">News</span></div>
 
<!--start content4-->
	<div class="content4_wrapper1">
		<div class="content4_2">
		<div class="content4_6">
		<div class="content4_4">
		<div class="content4_8">
		<div class="content4_5">
		<div class="content4_7">
		<div class="content4_3">
		<div class="content4_1">
 
		<div class="content4_wrapper2">
		<!-- header -->
		<div class="style112"><h3>Should I book soon?</h3></div>
		<!-- content -->
		<div class="style113">
 
				<p style="text-align: center">SAVE UP TO $950.00 ON A LAST 
				MINUTE BANQUET HALL BOOKING</p>
		<span class="style114">
				<a target="_blank" href="http://www.mybanquethall.com/Promo.htm">...learn 
				more about it</a></span></div></div></div></div></div></div></div></div></div></div></div>
<!--end content4-->
<p>&nbsp;</p>
<!--end content4-->
 
</div>
 
 
 
 
 
 
<p>&nbsp;</p>
 
<!-- #EndEditable -->
</div>
				
				</td>
				<td class="content2">
				
<div class="body2" style="width: 100%">
<!-- #BeginEditable "body2" -->	
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
 
				</td>
				<td class="content3">
				
<div class="body3" style="width: 100%">				
<!-- #BeginEditable "body3" -->
 
<font face="Papyrus" size="2">
 
<!--start content3-->
	</font>
	<div class="content3_wrapper1">
		<div class="content3_2">
		<div class="content3_6">
		<div class="content3_4">
		<div class="content3_8">
		<div class="content3_5">
		<div class="content3_7">
		<div class="content3_3">
		<div class="content3_1">
		
		<div class="content3_wrapper2">
		<font face="Papyrus" size="2">
		<!-- header -->
		</font>
		<div class="content3_h_wrapper"><h3><font face="Papyrus" size="2">
			<span class="style115">Catering your corporate event or your special 
			Event in Houston should be easy!&nbsp; Let&#39;s us show you how.</span></font></h3></div>
		<!-- content -->	
		<div class="style117">
		
<a name="photo"></a>
<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
		<div><div spry:region="dsAlbumBook dsAlbums" spry:choose="">
    <div spry:when="{dsAlbums::ds_RowCount} &gt; 1">
      <p class="albumName">{@title}</p>
      <p class="albumDesc">{@description}</p>
    </div>
    <div spry:default="">
      <p class="albumName">{dsAlbums::@title}</p>
      <p class="albumDesc">{dsAlbums::@description}</p>
    </div>
  </div></div>
</td>
	</tr>
</table>
 
<!--body1 start-->
 
	<div id="gallery">
<noscript>
<h1>This page requires JavaScript. Please enable JavaScript in your browser and reload this page.</h1>
</noscript>
<div id="wrap">
 
<!--
  <div spry:region="dsAlbumBook dsAlbums" spry:choose="">
    <div spry:when="{dsAlbums::ds_RowCount} &gt; 1">
      <p class="albumName">{@title}</p>
      <p class="albumDesc">{@description}</p>
    </div>
    <div spry:default="">
      <p class="albumName">{dsAlbums::@title}</p>
      <p class="albumDesc">{dsAlbums::@description}</p>
    </div>
  </div>
 
-->
 
  <div id="picture">
    <div id="mainImageOutline" style="width: 0px; height: 0px;"><img src="" id="mainImage" alt="main image" />
    </div>
	<div align="center" id="caption" spry:detailregion="dsSlides">{@caption}</div>
  </div>
  <p class="clear"></p>
</div>
 
 
 
</div>
	<!--body1 end-->
	
	
	</div></div></div></div></div></div></div></div></div></div></div>
<!--end content3-->
 
 
<p>&nbsp;</p>
 
<!-- #EndEditable -->
</div>
				
				</td>
				<td class="content4">
				
<div class="body4" style="width: 100%">				
<!-- #BeginEditable "body4" -->
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
 
				</td>
				<td class="content5">
				
<div class="body5" style="width: 100%">				
<!-- #BeginEditable "body5" -->
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
				</td>
				<td class="right_padding">&nbsp;</td>
			</tr>
		</table>
	
 </div></div></div></div></div></div></div></div></div>
 
<!-- /content  -->
<!-- footer -->
 
<div id="footer"><div class="layout1f2"><div class="layout1f6"><div class="layout1f4"><div class="layout1f8"><div class="layout1f5"><div class="layout1f7"><div class="layout1f3"><div class="layout1f1">
 
<!-- footer containers -->
 		<table class="footer_wrapper" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="footer1">&nbsp;</td>
				<td class="footer2">
				
<!-- copyright_links -->
	<div id="copyright_links">
		<!--webbot bot="Include" U-Include="Library/copyright_links.htm" TAG="BODY" startspan -->
<div class="style118">
Copyright © 2008. My Catering Company.com LTD. CO - Catering in Houston TX.&nbsp; All Rights Reserved.
</div>
<br />
<br />
<div class="style119">
<a href="index.htm">Home</a> | 
<a href="catalog.htm">Menus</a> | 
<a href="services.htm">Services</a> | 
<a href="faqs.htm">FAQs</a> | 
<a href="contact.htm">Contact</a> | 
<a href="about.htm">About</a> | 
<a href="privacy.htm">Privacy</a> | 
<a href="sitemap.htm">Sitemap</a>
</div>
<!--webbot bot="Include" i-checksum="21881" endspan --><br />
		<br />
	<div id="contact_bookmark">
		<!--webbot bot="Include" U-Include="Library/contact_bookmark.htm" TAG="BODY" startspan -->
<a href="contact.htm">
<img src="Site/graphics/elements/contact_us.gif" class="contact_button" alt="contact us" width="70" height="50" /></a>
<a href="javascript:bookmark()">
<img src="Site/graphics/elements/favorites.gif" class="favorites_button" alt="bookmark" width="70" height="50" /></a>
<!--webbot bot="Include" i-checksum="24036" endspan --></div>
				</div>
 
<div class="special1">					
<!-- #BeginEditable "special1" -->
<p>&nbsp;</p>
<!-- #EndEditable -->
</div>
 
				</td>
				<td class="footer3">&nbsp;</td>
			</tr>
		</table>
<!-- end footer containers -->
		
 </div></div></div></div></div></div></div></div></div>
<!-- end footer -->
		</td>
		<td class="center3"><div class="center3_top">&nbsp;</div></td>
	</tr>
	<tr>
		<td class="bottom1">&nbsp;</td>
		<td class="bottom2">
		<table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td class="bottom2_left">&nbsp;</td>
				<td class="bottom2_center">&nbsp;</td>
				<td class="bottom2_right">&nbsp;</td>
			</tr>
		</table>
		</td>
		<td class="bottom3">&nbsp;</td>
	</tr>
</table>
 
 
</div>
</body>
<!-- #EndTemplate -->
</html>

Open in new window

0
CJ74
Asked:
CJ74
  • 2
1 Solution
 
nativestudiosCommented:
Hi CJ74,

I believe this may be a problem with your document set-up (doctype). I've found an article on Adobe's website that might help you entitled 'Validating Spry pages':

Spry provides a custom DTD that you can append to the doc type declaration at the top of a Spry page. When you append the custom DTD, the W3C validator retrieves it and uses it in conjunction with the original DTD. This process ensures the validation of your Spry pages.

You can view the article here:

http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS56A0E49C-7801-43bb-B0B1-1DDCE23322BA.html

I hope this helps

Andy
0
 
CJ74Author Commented:
Hi Andy,
Thanks for the response!
Yeah, I had tried that already last night and it didn't work! It was very frustrating. I had changed the DTD to read...<!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" xmlns:spry="http://ns.adobe.com/spry">
and it didn't help.
:o(
0
 
CJ74Author Commented:
Found the answer at other site. :o)
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now