View Full Version : Spry Works in Template Preview but not linked pages

09-15-2009, 05:07 PM
I am new to web design and need some assistance.

I created a horizontal spry menu bar in a template file. When I preview it in internet explorer it works, but when I preview a page it is applied to it does not "drop down" like it should. What am I missing.

Here is the code for my template page:
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Gregory, Inc. - Wide Format Graphics &amp; Graphics Material &amp; Equipment</title>
<!-- TemplateEndEditable -->
<link href="../favicon.ico" rel="icon" title="Gregory, Inc." type="image/vnd.microsoft.icon" />
<link href="../css/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<link href="../css/global.css" rel="stylesheet" type="text/css" />
<link href="../css/masthead.css" rel="stylesheet" type="text/css" />
<link href="../css/CorpStyles.css" rel="stylesheet" type="text/css" />
<link href="../css/thrColFix.css" rel="stylesheet" type="text/css" />
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.masthd #masthdleft { width: 450px; }
.masthd #masthdright { width: 330px; }
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.masthd #masthdmain { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
<style type="text/css">
body,td,th {
color: #333333;
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<body class="oneColFixCtrHdr">
<div id="container">

<div id="header">
<div class="masthd">
<div id="masthdleft">
<div class="masthdlogo"><img src="../Images/GwebLogo.png" alt="Gregory, Inc." width="93" height="84" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="3,2,88,79" href="../default.html" alt="Return to Gregory1 Home" />
<div class="masthdLogotext"><img src="../Images/LogotextWeb.png" alt="Gregory Online" width="300" height="50" /></div>
<div class="masthddivisiontag">Graphics Material &amp; Equipment Division</div>
</div><!-- End masthdleft -->
<div id="masthdright">
<div class="masthdglobe"><img src="../Images/Masthd-VisualWorld.png" alt="Visual World Image" width="330" height="104" /></div>
<!-- End Masthdright -->
<div id="masthdmain"></div>
</div><!-- End Masthd -->
<div class="navbar">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../GME/index.html">Home</a> </li>
<li><a href="../Downloads/Gregory-Materials_and_Equipment_Catalog-2009-Web_R1.pdf" class="MenuBarItemSubmenu">Catalog</a>
<li><a href="../GME/Catalog_Download.html">Download PDF Catalog</a></li>
<li><a href="

09-16-2009, 12:55 AM
It looks OK. So when you preview a page based on the template, does the menu look OK and just not work?

BTW, you have a style sheet for a three column layout AND single column layout attached to that document!

09-16-2009, 12:53 PM
After syncronizing my local files it worked for me. Thank you for your help!