?
Solved

XHTML page won't validate with javascript accordian menu

Posted on 2009-02-09
15
Medium Priority
?
1,021 Views
Last Modified: 2012-05-06
HI there,
I am trying to validate a page through w3.org and I get the following error twice -
(once for the plus .gif and once for the minus .gif)

document type does not allow element "img" here.
&plus.gif' alt='' class='statusicon' />",       


Any suggestions?
My document is XHTML transitional and this was a template accordion menu...everything functions fine...I just want to keep functioanliy and have a fully validated page. :o)
<script type="text/javascript">
//<![CDATA[
function your_javascript_function() {
}
//]]>
 
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' alt='' class='statusicon' />",
 "<img src='Site/graphics/menu/minus.gif' alt='' 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>

Open in new window

0
Comment
Question by:CJ74
  • 9
  • 4
  • 2
15 Comments
 
LVL 3

Expert Comment

by:lazypeople
ID: 23596740
Im not 100% sure without seeing the full site code, but do you not need to change:
(') to escaped quotes(\")?

thanks
ben
0
 

Author Comment

by:CJ74
ID: 23597168
Hi Ben...I will try that real quick...if not I'll post the whole code...was just trying not to post too much...I'm a newbie at this and still learning...I greatly appreciate the guidance. :o)
0
 

Author Comment

by:CJ74
ID: 23597244
Hi again,
So I tried changing to the (\") from just the (') on those two images in the ddaccordion.js script but it didn't work...I will attach the code for the whole page...like I said everything wrks fine and when I validate it just 2 errors that I get from that dynamic drive accordian menu (that one line)....  :o( Thanks again!
<!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"> 
 
<!-- #BeginTemplate "Templates/flash_intro.dwt" -->
 
<head>
<!-- #BeginEditable "meta" -->
<title>Site Title</title>
<meta name="Keywords" content="keywords" />
<meta name="Description" content="Our Site" />
<!-- #EndEditable -->
 
<!-- language content -->
<meta name="language" content="en-US" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<!-- shared style sheets -->
<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 "intro style" -->
<link href="Site/styles/intro.css" rel="stylesheet" type="text/css" />
 
 
 
<!-- #EndEditable -->
 
<!-- IE6 style -->
<!--[if IE 6]>
<link href="Site/styles/ie6-intro.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
<!-- #BeginEditable "flash_variables" -->
<script type="text/javascript">
// 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 = "./";
 
// 0 == off, 1 == on
var playMusic          = 1;
 
// -1 = always display, 0 = never display, and any other positive integer = the number of times to display the intro sequence
// Note: Cookies will not work on pages saved on your local computer.
// To test the cookied function, you must publish the page out to your web server and test it from your http:// website
var maxIntroViews      = -1;
 
// 0 ==  no, 1 == yes -- persistant means it will save even after the user closes their browser
var isPersistantCookie = 1;
</script>
<!-- #EndEditable -->
 
<!-- javascript files -->
<script type="text/javascript" src="Site/javascript/special_functions_index.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">
<!--
// 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">
 
/***********************************************
* 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[
function your_javascript_function() {
}
//]]>
 
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' alt='' class='statusicon' />",
 "<img src='Site/graphics/menu/minus.gif' alt='' 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="Century Gothic" size="2">Catering in 
	Houston</font></h1></div>
<!-- #EndEditable -->
</div>
<!--SEO H2 -->
<div id="seo_2" style="top: 290px; position:absolute; width:240px; z-index:200; text-align:left; left: 50px;">
<!-- #BeginEditable "seo_h2" -->
<div class="style102"><h2>Houston Catering | Truly the Best!</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"  id="myIntroMovie">
<div id="splash" style="left: 0px; top: -64px; position:absolute">			
<script type="text/javascript">
<!--
if (AC_FL_RunContent == 0 || DetectFlashVer == 0) {
	alert("This page requires AC_RunActiveContent.js.");
} else {
	var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
	if(hasRightVersion) {  // if we've detected an acceptable version
		// embed the flash movie
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
			'width', '938',
			'height', '412',
			'src', rootFlashLocation + 'Site/flash/master',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'master',
			'bgcolor', '#000000',
			'name', 'master',
			'base', rootFlashLocation + "Site/flash/",
			'menu', 'true',
			'allowScriptAccess','always',
			'allowFullScreen','false',
			'flashVars', 'playMusic=' + playMusic + "&localSkip=" + maxIntroViews,
			'movie', rootFlashLocation + 'Site/flash/master',
			'salign', ''
			); //end AC code	
	} else {  // flash is too old or we can't detect the plugin
		var alternateContent = '<div class="alternate_flash "><br /><br />'
			+ 'Welcome to <p><img src="../Site/logo/logo.png" alt="logo"/><p/><br />'
			+ 'This website is best viewed with the Flash Player Plugin.<br /><br />'
			+ '<a href=http://www.macromedia.com/go/getflash/>Click here to Get Flash!<a/><br /><br />'
			+ 'Or scroll down the page to enter our website.<div/>';
		document.write(alternateContent);  // insert non-flash content
	}
}
// -->
</script>
<noscript>
<div>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="938" height="412" id="myIntroMovie_alt">
	<param name="allowScriptAccess" value="always" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="Site/flash/master.swf" />
	<param name="src" value="Site/flash/master.swf" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="base" value="Site/flash/" />
	<param name="flashVars" value="playMusic&#61;1&amp;localSkip&#61;-1" />
	  <!--[if !IE]-->       
      <object type="application/x-shockwave-flash" data="Site/flash/master.swf" width="938" height="412">
	    <param name="quality" value="high" />
	    <param name="allowScriptAccess" value="always" />
	    <param name="allowFullScreen" value="false" />
	    <param name="wmode" value="transparent" />
	    <param name="base" value="Site/flash/" />
        <param name="flashVars" value="playMusic&#61;1&amp;localSkip&#61;-1" />
        <!--[endif]-->          
         <p><span class="alternate_flash "><br /><br />
			Welcome to <span><img src="../Site/logo/logo.png" alt="logo"/></span><br />
			Our website is best viewed with the Flash Player Plugin.<br /><br />
			<a href="http://www.macromedia.com/go/getflash">Click here to Get Flash!</a><br /><br />
			Or scroll down the page to enter our website.</span>         </p>        
      <!--[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.site.com"
 
function Gsitesearch(curobj){
  
  if (domainroot == "wwwsite.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: 0px; top: 368px; 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="body1" style="width: 100%">
 
<div class="menu_container" style="width: 100%; position:relative; z-index:5;">
<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="" >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</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</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="" >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 - 
				We recommend our Chateau , ideal for 80 to 150 guests.</p>
		<span class="style114">
				<a target="_blank" href="http://www.site.com/">...visit 
				the Chateau At us</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 $50.00 ON A LAST 
				MINUTE BANQUET HALL BOOKING</p>
		<span class="style114">
				<a target="_blank" href="http://www.site.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>
</div></div>
 
<!-- #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="Century Gothic" size="4" color="#FFFFFF">
<!--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="Century Gothic" size="4" color="#FFFFFF">
		<!-- header -->
		</font>
		<div class="content3_h_wrapper">
<p><font color="#FFFFFF"><strong>
<i><span style="font-family: Century Gothic"><font size="4">Our site</font></span></i></strong>
|We make it easy</font></p>
			<p>&nbsp;</p>
			<p style="text-align: center">WELCOME TO</p>
			<p style="text-align: center"><font size="6" face="Cambria">OUR SITE</font></p>
		</div>
		</div></div></div></div></div></div></div></div></div></div>
		
		<p>&nbsp;</p>
		<p>
		<img border="0" src="buffet%20table%202.jpg" alt="" width="375" height="500" align="right"/></p>
		<p><font size="3" color="#FFFFFF">
		<span style="font-family: Century Gothic">
		Our site is based in cleveland <span style="font-family: Century Gothic">can provide individuals or 				businesses with a range 
		of&nbsp;stylish, friendly and professional services.</span></span></font></p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p><font size="3" color="#FFFFFF"><span style="font-family: Century Gothic">O</span></font><span 		style="font-family: Century Gothic"><font size="3" color="#FFFFFF">ur central location offers a convenient 		point where any point of the city can be reach within 30 minutes or less.</font></span></p>
		<p>&nbsp;</p>
		<p><span style="font-family: Century Gothic">
		<font size="3" color="#FFFFFF">Whether you&#39;re looking for flexibility coupled with our experience makes 			us an ideal partner for you.</font></span></p>
 
		<p>&nbsp;</p>
		<p><font face="Century Gothic" color="#FFFFFF" size="3">Oursite
		is a full service company to help you with any type of event.</font></p>
 
		<p>&nbsp;</p>
		<blockquote>
		<blockquote>
		<ul style="color: #FFFFFF">
			<li><font face="Century Gothic" size="3">Corporate Events</font></li>
			<li><font face="Century Gothic" size="3">Weddings</font></li>
			<li><font face="Century Gothic" size="3">Private Parties</font></li>
			<li><font face="Century Gothic" size="3">Fund Raisers</font></li>
			<li><font face="Century Gothic" size="3">Grand Openings</font></li>
			<li><font face="Century Gothic" size="3">Corporate Luncheons</font></li>
			<li><font face="Century Gothic" size="3">Quinceaneras</font></li>
			<li><font face="Century Gothic" size="3">Sweet Sixteen&#39;s</font></li>
		</ul>
		</blockquote>
		</blockquote>
		<p><font face="Century Gothic" color="#FFFFFF" size="3">And any other event.....&nbsp; 
		If you can image it, we can help you make a reality!!</font></p>
		<p>&nbsp;</p>
		<p><font face="Century Gothic" color="#FFFFFF" size="3">&nbsp;</font></p>
		<font color="#FFFFFF" face="Century Gothic" size="3">
		<!--end content3-->
		</font>
		<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. Our Site &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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
LVL 3

Expert Comment

by:lazypeople
ID: 23597519
Is there any way i can view this on a live server as i dont have the .js files.

Many thanks
ben
0
 

Author Comment

by:CJ74
ID: 23597763
Sure Ben...I'm trying to validate for a friend...the website is active...the home page is www.mycateringcompany.com/index.htm - ....she used a template and customized it herself...so the code is a mess throughout...I just finshed some basic web design courses so I'm trying to help her out and get some experience myself....I felt I was doing great getting her down to 2 errors when we started out with over 100 on ALL the pages. Just got stuck here in the home stretch. Thanks for the assistance. :o)
0
 
LVL 15

Expert Comment

by:quincydude
ID: 23598211
try escaping < and > to < and >
0
 
LVL 3

Expert Comment

by:lazypeople
ID: 23598262
Ok i think i know whats wrong your java script is in the head section. The validator says you have nested the img tag incorrectly. so if you can move all your java script in to the body.

use the xhtml validator here:
http://validator.w3.org/

Many thanks
Ben
0
 

Author Comment

by:CJ74
ID: 23598363
Hey Ben,
I moved the script down into the body and I still get the errors...only now they are on another line...I I've always ha good results with DynamicDrive stuff like their lightbox galleries and such. You can see where I move the script to no avail...so close...I really do appreciate your time, it's making me crazy I've figured out all the other errors but these. You Rock for helping...any other thoughts???
0
 

Author Comment

by:CJ74
ID: 23598374
Hey QuincyDude,
I'll give that a try as well...thanks for the reply...I'm so close to validated on W3.org I can feel it...just those last 2 errors....ARRRGGG. :o)
0
 

Author Comment

by:CJ74
ID: 23598386
Hey QuincyDude,
Maybe I'm a bit bleary eyed at this point but where are you talking about escaping <and> to <and> ????
Thanks, :o)
0
 
LVL 15

Assisted Solution

by:quincydude
quincydude earned 150 total points
ID: 23598455
should be & lt; and & gt; (without the space)

experts exchange convert the escaped string for me :/
0
 
LVL 3

Accepted Solution

by:
lazypeople earned 1350 total points
ID: 23598670
If that doesnt work try adding the script to a seperate js file.

See code attached

Basicly add a new javascript link to a new .js file this way the bit of code is not in the way and it should be validated

ben
// Change the html file to this (removing the script bit)
<script type="text/javascript" src="Site/javascript/jquery-1.2.2.pack.js"></script>
<script type="text/javascript" src="./init.js"></script> // this links to your previous script
<script type="text/javascript" src="Site/javascript/ddaccordion.js">
 
/***********************************************
* 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>
</head>
 
<body onload="init()">
 
// the script file call it init.js or somthing similar
function init()
{
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' alt='' class='statusicon' />", "<img src='Site/graphics/menu/minus.gif' alt='' 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"
})
}

Open in new window

0
 

Author Comment

by:CJ74
ID: 23602246
Thanks Guys, just got up, and will give these a try...I really appreciate the guidance from the gurus! Hope I can pass on some help one day too! :o) I'll get back after I give it a go!
0
 

Author Comment

by:CJ74
ID: 23608100
Hey Guys....I got it....I so appreciate your help, and you Ben put extra effort in for sure...I enclosed the script ina CDATA tag  " <![CDATA["     content here    "]]>": and the XML parser ignores it......I am STILL learning in all this coding and I really do appreciate the time you took to answer....gonna award you some point and send good vibes your way!!! Helping folks is ALWAYS good karma and you can never have too much of that!!!!!
0
 

Author Closing Comment

by:CJ74
ID: 31544799
Much thanks for the assistance - I appreciated knowing a newbie in web design/coding can find some help from those more experienced!!! You ROCK!!!!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…
Suggested Courses
Course of the Month15 days, 14 hours left to enroll

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question