Horiz Menu Bar (in a template) Messed up on PHP page; Only in IE Browser

I have redesigned a fairly large website for someone (I'm using DW CS3) and I developed a template which includes a Spry Horizontal Menu Bar. The menu bar was working fine on all of the HTML pages. As I come to the end of my project, I have created a PHP page (using my template with the horizontal menu bar) because I have included a PHP script for an Events Calendar (ComDevWeb). Ever since I added the includes for the calendar, the horizontal menu bar gets messed up when viewing the page with IE. The menu bar looks fine on all of the other html pages. The menu bar on the PHP page also looks fine when I view it with Safari or Mozilla. Since the menu bar is in the template (that will affect every other page that is working just fine), I'm not sure how to proceed with my troubleshooting.
Here is the website: www.ourtruecolors.org/newsite
Here is the PHP page with the calendar (where the horiz menu bar appears messed up in IE, but looks fine in Safari & Mozilla browsers): http://www.ourtruecolors.org/calendar/index.php
Any help or suggestions would be greatly appreciated.

Similar Messages

I've lost the menu bar and Ask has taken over the front page.

Something was down loaded yesterday and Ask Jeeves appears to have come with it. I can't get back to my orginal Firefox front page and have lost all my toolbars. I have uninstalled Ask but it is still there even though it has gone from my program list. I have uninstalled and reinstalled Mozilla four times but still Ask is at the front with everything else missing

Press F10 or tap the Alt key to bring up the "Menu Bar" temporarily.
See also:
* http://kb.mozillazine.org/Corrupt_localstore.rdf
* https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Occassionally when I visit a website, the menu bar becomes gray and hard to read, being restored only bt minimizing and restore.

Occasionally I have noticed that the menu bar appears a hard to read gray. This seems to occur after a visit to accuweaher.com.. It is reproducible even though both the foreground and background menu bars for the desktop are set to black.

Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See:
* [[Troubleshooting extensions and themes]]
* [[Troubleshooting plugins]]

On the menu bar I click on bookmarks and "bookmark this page" is the second thing from the top. How do I make it the first thing on top? That's how it was before I updated to 6.0

I have Windows Vista. This problem started with 6.0 update. "Bookmark this page" was on top, now it is second from the top. Annoying because I am so used to clicking "bookmark this page" as the top option.

Create a Bookmark:<br />
*https://support.mozilla.com/en-US/kb/how-do-i-use-bookmarks?redirectlocale=en-US&redirectslug=Bookmarks#w_how-do-i-create-a-bookmark
*Info & links about Bookmarks: https://support.mozilla.com/en-US/kb/how-do-i-use-bookmarks?redirectlocale=en-US&redirectslug=Bookmarks
Menu Editor add-on: https://addons.mozilla.org/en-US/firefox/addon/menu-editor/
'''If this reply solves your problem, please click "Solved It" next to this reply when <u>signed-in</u> to the forum.'''
'''DoctorMusic''':
Not related to your question, but...
You need to update some plug-ins:
*Plug-in check: https://www-trunk.stage.mozilla.com/en-US/plugincheck/
*Adobe Shockwave for Director Netscape plug-in: [https://support.mozilla.com/en-US/kb/Using%20the%20Shockwave%20plugin%20with%20Firefox#w_installing-shockwave Installing ('''''or Updating''''') the Shockwave plugin with Firefox]

I only can see the menu bar. Even when I retsart the application I only can see the menu bar. Help!

I cant see any of the page. Only the menu bar

Try to repair the disk permissions: http://thexlab.com/faqs/repairprocess.html
See http://support.apple.com/kb/HT2963 Troubleshooting permissions issues in Mac OS X
Try to move (delete) the Firefox plist file.
Go to "Library > Preferences" and remove the plist file for Firefox (org.mozilla.firefox.plist).
See also http://kb.mozillazine.org/Corrupt_localstore.rdf

Firefox suddenly won't start. I open it on my Mac, I see the Apple icon and Firefox where a menu bar should be, but that's it. My only option is to Force Quit. Firefox windows won't open at all. Any advice?

As you can read above, that's it. The only thing I can think of is that I did a Microsoft update and then my Firefox stopped working. It won't start up. Windows and tabs won't open. It's completely unresponsive. I have uninstalled and reinstalled new and old Firefox, yet I have the same problem.

See http://kb.mozillazine.org/Standard_diagnostic_-_Firefox

Template not updating on ONE page only

Hello. I have a template that I use for my website. It contains a header navbar, subnavmenu, editable regions, and footer. I have used the template for the index, or homepage, but the font on the footer is much larger than that of the template. I used the exact same template for other pages and do not have that issue.
could it be a problem with nesting div tags?
Here is my code for the index page. Could someone take a look at it?
<!DOCTYPE html>
<html>
<head>

<title>MJSNC Home</title>
<style type="text/css">
/* BeginOAWidget_Instance_2443523: #OAWidget */
/* CALENDAR BOUNDING BOX */
.yui-skin-sam #OAWidget {
background-color: #99cccc;
border: 1px solid #003366;
padding: 10px;
right: -110px;
/* TITLE BAR */
.yui-skin-sam #OAWidget .title {
border-bottom:1px solid #cccccc;
color:#000;
/* WEEKDAY HEADER ROW */
.yui-skin-sam #OAWidget .calweekdayrow {
height:2em;
/* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */
.yui-skin-sam #OAWidget .calweekdaycell {
color:#000;
font-weight:normal;
/* WEEK NUMBERS (ROW HEADERS/FOOTERS) */
.yui-skin-sam #OAWidget .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot {
color:#666666;
font-size:85%;
font-style:normal;
font-weight:normal;
/* NORMAL CELLS */
.yui-skin-sam #OAWidget td.calcell {
border:1px solid #000066;
background:#eeeeee;
height:1.6em;
line-height:1.6em; /* set line height equal to cell height to center vertically */
/* LINK INSIDE NORMAL CELLS */
.yui-skin-sam #OAWidget td.calcell a {
color:#003366;
/* TODAY'S DATE */
.yui-skin-sam #OAWidget td.calcell.today {
background-color:#ffcc33;
.yui-skin-sam #OAWidget td.calcell.today a {
background-color:#ffcc66;
/* SELECTED DATE */
.yui-skin-sam #OAWidget td.calcell.selected a {
background-color:#000099;
color:#cccccc;
/* HOVER DATE */
.yui-skin-sam #OAWidget td.calcell.calcellhover a {
background-color:#ff6600;
color:#000066;
/* CalendarNavigator */
/* NAVIGATOR MASK */
.yui-skin-sam #OAWidget .yui-cal-nav-mask {
background-color:#000;
opacity:0.25;
*filter:alpha(opacity=25); /* IE */
/* NAVIGATOR BOUNDING BOX */
.yui-skin-sam #OAWidget .yui-cal-nav {
border:1px solid #808080;
background-color:#f2f2f2;
/* EndOAWidget_Instance_2443523 */
.SeniorBeach {
background-image: url(/Graphics/TEEN%20CLUB%20BEACH%20TRIP%202013/IMG_0551.JPG);
height: 375px;
font-size: 18px;
font-style: oblique;
font-weight: bolder;
color: #000;
.beachtriptext {
color: #000;
width: 170px;
padding: 2px;
background-color: #B9E1DC;
position: inherit;
filter: Alpha(Opacity=60);
opacity: .5;
</style>

<style type="text/css">

</style>
<style type="text/css">

</style>

<style type="text/css">

</style>
<style type="text/css">

</style>
<style type="text/css">
a:link {
color: #09F;
font-size: 24px;
#body #wrapper #leftcontent .bd #leftcontentindex #IndexPage h3 {
color: #C96;
font-size: x-large;
.indexpagesummerrecmarqueetext {
background-image: url(/Graphics/banner.jpg);
background-repeat: repeat;
height: auto;
width: auto;
color: #060;
#body #wrapper #leftcontent .bd #leftcontentindex #IndexPage h3 marquee #indexpagesummerrecmarqueetext h3 {
color: #060;
#body #wrapper #leftcontent .bd #leftcontentindex #IndexPage h3 #indexpagesummerrecmarqueetext h3 {
color: #093;
#body #wrapper #rightcontent center h3 strong {
font-family: Comic Sans MS, cursive;
#body #wrapper #rightcontent center p strong {
font-family: Comic Sans MS, cursive;
#body #wrapper #rightcontent center h3 strong {
color: #FFFF80;
#body #wrapper #rightcontent center p strong {
color: #FFFF80;
#body #wrapper #rightcontent center h3 strong {
font-size: 24px;
#body #wrapper #rightcontent center p strong {
font-size: 16px;
#body #wrapper #rightcontent center p strong {
font-size: 24px;
.signlanguagepicframe {
background-color: #309;
border: medium groove #CCC;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
font-size: 16px;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
font-size: 14px;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
text-align: center;
#body #wrapper #rightcontent center #VideoEmbed #SeniorBeach #beachtriptext p {
text-align: left;
</style>
<script src="/YUI/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
<script src="/YUI/2.8.2r1/build/calendar/calendar-min.js" type="text/javascript"></script>
<script type="text/xml">

</script>

<style type="text/css">

</style>
<script src="/Web Site Root Folder/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="/Web Site Root Folder/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
</head>
<body background="/Graphics/LOGOS AND BANNER/GRADIENT BACKGROUND 5-8-12.png" class="body" id="body" onLoad="MM_preloadImages('/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png')">
<div class="wrapper" id="wrapper">
<div class="header" id="header">
    <div class="logoarea" id="logoarea"><div id="apDiv6">
        <p> </p>
        <p> </p>
        <p><br/>
          <a href="http://www.facebook.com/pages/Mifflin-Juniata-Special-Needs-Center-Inc/129756770511336" target="_blank" align="left"><img src="http://www.niftybuttons.com/blackink/facebook.png" width="60" height="59"></a><a href="https://twitter.com/MJSNC1" target="_blank" align="left"><img src="http://www.niftybuttons.com/blackink/twitter.png" width="57" height="59"></a>
          <br/>
        </p>
        <p>
          
        </p>
    </div><div id="apDiv4" >
      <script>
(function() {
var cx = '004600001770955757780:ub1su5xae54';
var gcse = document.createElement('script'); gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
      '//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
</script>
      <gcse:search></gcse:search></div>
    <a href="/index.html"><img src="/Graphics/LOGOS AND BANNER/slogan and logo edited.png" width="244" height="242"></a>
    <div id="logo" onClick="document.location.href='http://www.mjsnc.org';" style="cursor:pointer;"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a></div>
    <a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a><a href="http://www.mjsnc.org" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('slogan','','/Graphics/LOGOS AND BANNER/logo with white bg for other publications.png',1)"></a></div>
    <div class="navbar" id="navbar">
      <img src="/Graphics/LOGOS AND BANNER/navbar_edited-3.jpg" alt="navigation menu" width="980" height="25" border="0" usemap="#Map">
      <map name="Map">
        <area shape="rect" coords="59,4,149,24" href="/NAVBAR/ABOUT US/AboutUs.html" target="_parent" alt="About Us">
        <area shape="rect" coords="157,3,255,23" href="/NAVBAR/CONTACT US/ContactUs.html" target="_parent">
        <area shape="rect" coords="263,4,423,22" href="/NAVBAR/BOARD OF DIRECTORS/BoardOfDirectors.html" target="_parent">
        <area shape="rect" coords="429,3,578,22" href="/NAVBAR/VISION AND MISSION/MissionVisionStatementsAdopted2012.pdf" target="_blank">
        <area shape="rect" coords="586,3,698,23" href="/NAVBAR/GET INVOLVED/GetInvolved.html" target="_parent">
        <area shape="rect" coords="704,5,815,24" href="/NAVBAR/DONATE NOW/DonateNow.html" target="_parent">
        <area shape="rect" coords="822,5,920,24" href="/NAVBAR/AFFILIATES/Affiliates.html" target="_parent">
      </map>
    </div>
    <ul id="MenuBar1" class="MenuBarHorizontal">
     <li><a class="MenuBarItemSubmenu" href="#">Adults</a>
       <ul>
         <li><a href="/SUBNAVMENU/ADULT REC/ADULT REC.html">Adult Rec</a></li>
         <li><a href="/SUBNAVMENU/ADULT TRAINING FACILITIES/AdultTrainingFacilities.html">Adult Training Facilities</a></li>
         <li><a href="/SUBNAVMENU/FAMILY LIVING/FAMILY LIVING.HTML">Life Sharing</a></li>
         <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">Summer Rec</a></li>
         <li><a href="/SUBNAVMENU/AKTION CLUB/AktionClub.html">Aktion Club</a></li>
       </ul>
     </li>
     <li><a href="#" class="MenuBarItemSubmenu">Youth</a>
       <ul>
         <li><a href="/SUBNAVMENU/AFTER SCHOOL PROGRAM/AfterSchool.html">After School Program</a></li>
<li><a href="/SUBNAVMENU/CHALLENGER/Challenger.html">Challenger Division</a></li>
         <li><a href="/SUBNAVMENU/EARLY INTERVENTION/EarlyIntervention.html">Early Intervention</a></li>
         <li><a href="/SUBNAVMENU/SUMMER REC/Summer Rec.html">Summer Rec</a></li>
         <li><a href="/SUBNAVMENU/T-BALL/TBall.html">T-Ball</a></li>
         <li><a href="/SUBNAVMENU/TEEN CLUB/TeenClub.html">Teen Club</a></li>
         <li><a href="/SUBNAVMENU/TRAINING N TRANSITION/TrainingTransition.html">Training & Transition</a></li>
       </ul>
     </li>
     <li><a class="MenuBarItemSubmenu" href="#">Events</a>
       <ul>
         <li><a href="/SUBNAVMENU/EVENTS/LipSync.html">Lip Sync</a>          </li>
         <li><a href="/SUBNAVMENU/EVENTS/Events.html">Events</a></li>
         <li><a href="/SUBNAVMENU/EVENTS/AnnualPicnic.html">Annual Picnic</a></li>
         <li><a href="/SUBNAVMENU/EVENTS/Wings and Wheels.html">Rally in the Park</a></li>
       </ul>
     </li>
     <li><a href="#" class="MenuBarItemSubmenu">Employees</a>
       <ul>
         <li><a href="/SUBNAVMENU/MEET OUR STAFF/MeetOurStaff.html">Meet Our Staff</a></li>
         <li><a href="/SUBNAVMENU/EMPLOYEE ACCESS/AgencyWithChoice.html">Agency With Choice</a></li>
         <li><a href="/SUBNAVMENU/EMPLOYEE ACCESS/RegisterPage.html">Employee Access</a></li>
         <li><a href="/SUBNAVMENU/RETIREES/mjsncretirees.html">Retirees</a></li>
       </ul>
     </li>
     <li><a href="#" class="MenuBarItemSubmenu">Other</a>
       <ul>
         <li><a href="/SUBNAVMENU/EDUCATION & THERAPY/EducationandTherapy.html">Education & Therapy</a></li>
         <li><a href="/SUBNAVMENU/EQUIPMENT LOAN/EquipmentLoan.html">Equipment Loan</a></li>
         <li><a href="/NAVBAR/VOLUNTEER/Volunteer.html">Volunteer</a></li>
         <li><a href="/SUBNAVMENU/TESTIMONIALS/TESTIMONIALS.html">Testimonials</a></li>
         <li><a href="/SUBNAVMENU/OTHER/Calendar.html">Calendar</a></li>
       </ul>
     </li>
   </ul>
   <div class="subnavmenu" id="subnavmenu"> </div>
</div>
<div class="rightcontent" id="rightcontent">
    <center>
      <p><a href="/SUBNAVMENU/EVENTS/Wings and Wheels.html">Rally in the Park 2014<img src="/SUBNAVMENU/EVENTS/TOURING FRIENDS LOGO.jpg" width="267" height="185"></a></p>
      <div class="VideoEmbed" id="VideoEmbed">
        <p> </p>
        <p><a href="www.youtube.com/embed/YGnvqGlbnMU"">
          <object width="420" height="315">
            <param name="movie" value="//www.youtube-nocookie.com/v/YGnvqGlbnMU?version=3&hl=en_US&rel=0"></param ><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
            <embed src="//www.youtube-nocookie.com/v/YGnvqGlbnMU?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
          </object>
        </a> </p>
        <p> </p>
       <marquee scrollamount="10"><font size=4>Senior Beach Trip 2014!!</font></marquee>
        <p> </p>
        <div class="SeniorBeach" id="SeniorBeach">
          <div class="beachtriptext" id="beachtriptext">
            <p>We will be taking high school seniors from both Mifflin and Juniata Counties to Ocean City, New Jersey. We will be leaving early morning on May 27th and arriving home May 29th. While at the beach, we enjoy…um, the ocean. Yeah! This year, we have 8 students plus 4-5 staff attending. Both staff and seniors are looking forward to breaking away for a bit!</p>
          </div>
        </div>
      </div>
    </center>
</div>
<div class="leftcontent" id="leftcontent">
    <script type="text/javascript">
loadImage1 = new Image();
loadImage1.src = "http://www.lemurlab.com/images/play_blue.png";
staticImage1 = new Image();
staticImage1.src = "http://www.lemurlab.com/images/play_green.png";
</script>
<script type="text/javascript">
var newwindow;
function poptastic(url)
{newwindow=window.open(url,'name','height=579,width=849');
if (window.focus) {newwindow.focus()}}
</script>
</head>
<body>
<div class="leftcontentindex" id="leftcontentindex">
    <div class="IndexPage" id="IndexPage">
      <h2>
      <marquee scrollamount="10">Whatever It Takes-Accept. Support. Empower.</marquee>
      </h2>
      <div class="IndexPageFont" id="IndexPageFont">
        <div class="signlanguagepicframe" id="signlanguagepicframe">
          <h3><strong>Interested in Sign Language Classes?</strong></h3>
          <h2><strong><img src="/Graphics/sign language.jpg" width="251" height="280" alt="Sign Language Classes Available"></strong></h2>
          <h2><strong><a href="Contact" _mce_href="mailto:[email protected]">Contact">mailto:[email protected]">Contact Us</a> and let us know!</strong></h2>
        </div>
        <p>Attending our sign language courses is a great way to brush up on your skills. Beginners sessions are also child-friendly! </p>
        <hr>
        <p>Visit our Calendar Page</p>
        <p><a href="/SUBNAVMENU/OTHER/Calendar.html"><img src="/Graphics/CALENDAR.jpg" width="301" height="174" alt="Calendar of Events Page"></a></p>
        </div>
      </div>
</div>
<div class="footer" id="footer"><a href="/index.html">Home</a> | <a href="/NAVBAR/CONTACT US/ContactUs.html">Contact Us </a>| <a href="/NAVBAR/ABOUT US/AboutUs.html">About Us</a> | <a href="/FOOTER AND DISCLAIMER/Disclaimer.pdf">Disclaimer</a></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Your question was "... but the font on the footer is much larger than that of the template", yes?
I only can repeat, look at the difference of:
1. index.html (Font-size > medium) >
2. Calendar.html (Font-size > no entry):
> "... font on the footer is much larger than that of the template",
Hans-Günter
P.S.
See us again - maybe - at Monday > we will do a nice little trip to Austria.

Creating multiple Spry menu bars in one site

I've been creating a website and I am required to use multiple templates to manage all the different sections of the site. To make it much less of a hassle, once I created one template, I simply saved that template as another template so I would not have to start all over again. On the first template I created a spry menu bar with a certain amount of buttons. And because I created the other templates with that template, those templates had the same menu bar containing the same settings. The problem is, because of the specified settings of the spry menu bar, if I change the amount of buttons from the original to one less, the whole bar on that template will get off center and messed up because the settings for the menu bar are not set to that certain amount of buttons, but if I change the settings to suite that amount of buttons, then the settings for all the templates change and that messes up the other menu bars on those templates because they have a different amount of buttons. Currently my templates all contain 10 buttons and I am wanting to create a new menu bar with only about 4 - 6 buttons. I thought going up to insert and inserting a brand new menu bar would do the trick but when I did that it inserted a menu bar that had all the settings of the already-created menu bar, (ie same background images, and hovers, etc.) as well as the width which, because the width is suited for 10 buttons, it does not properly make the default 4 button menu bar center correctly. And if I try to change the settings on this menu bar then the same thing happens with everything changing and getting messed up.
So after this long explanation, my question is, how can I insert multiple spry menu bars into one site that are not correlated with each other in terms of all the settings so that when changed, will not affect each other? I am guessing I am having this problem because I created all the templates from one template so they are all interlocked, but the page that I tried to insert the brand new menu bar on was not created from any of the templates and was the first page I made at the very start.
http://phonytrojanmusic.zxq.net/ Here is the link to the site. The first page that opens up is the page that I tried to insert the brand new menu bar on. If you click on band choir or elementary you will see the menu bars with 10 buttons that are all interlocked in terms of settings. Also, I'd like to note that if I delete a button in one template, it does not delete that same button in the other templates, nor does it add a button to the other templates if I add one. Only the physical appearance changes because the settings are meant for only one amount of buttons. Sorry for the novel!

Alright well I just tried to use 2 complete different templates. I created one brand new template from scratch, added the menu bar, gave it an ID of "band", and configured it to suite 10 buttons accordingly. Then I started off from scratch again with a starting html page with a different css style sheet and added the menu bar and gave it a different ID of "choir" but the settings of the two different bars still act as one set of settings! I dont know how to fix this problem. Please tell me what to post if anything will help you. Im guessing the solution is very simple but I have tried everything.
here is the code for the two different menu bars (one in each template)
choir
<ul id="Choir" class="MenuBarHorizontal">
      <li><a href="#">Programs</a>      </li>
      <li><a href="#">Home</a></li>
      <li><a href="#">Blog</a>      </li>
      <li><a href="#">Directors</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Forms</a></li>
      <li><a href="#">Calendar</a></li>
      <li><a href="#">Links</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
band
<ul id="Band" class="MenuBarHorizontal">
      <li><a href="http://phonytrojanmusic.zxq.net/index.html">Programs</a>      </li>
      <li><a href="http://phonytrojanmusic.zxq.net/band/bandmain.html">Home</a></li>
      <li><a href="http://centerburgtrojanmusic.blogspot.com/">Blog</a></li>
      <li><a href="http://phonytrojanmusic.zxq.net/band/directors.html" class="MenuBarItemSubmenu">Directors</a>
        <ul>
          <li><a href="http://phonytrojanmusic.zxq.net/band/directors/cooper.html">Cooper</a></li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/directors/teschler.html">Teschler</a></li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/directors/lee.html">Lee</a></li>
        </ul>
      </li>
      <li><a href="http://phonytrojanmusic.zxq.net/band/shows.html" class="MenuBarItemSubmenu">Shows</a>
        <ul>
          <li class="MenuBarHorizontal"><a href="http://phonytrojanmusic.zxq.net/band/shows/field.html">Field</a></li>
          <li><a href="http://phonytrojanmusic.zxq.net/band/shows/concert.html">Concert</a></li>
        </ul>
      </li>
      <li><a href="http://phonytrojanmusic.zxq.net/band/gallery.html">Gallery</a></li>
      <li><a href="http://phonytrojanmusic.zxq.net/band/forms.html">Forms</a></li>
      <li><a href="http://trojanmusic.org/cal.html">Calendar</a></li>
      <li><a href="http://phonytrojanmusic.zxq.net/band/links.html">Links</a>      </li>
      <li><a href="http://phonytrojanmusic.zxq.net/band/contact.html">Contact</a></li>
    </ul>
I currently do not have any links attached to any of the buttons in the choir bar. Something went wrong and now I have to make the whole site over again so it is not very accessible. Please post back asap!

Spry Menu Bar Widget 2.0 (1.0) -- IE 6 Rendering Snag

Hi:
Once again I need to call on the aid of others with more detailed knowledge of the spry frameworks, particularly the Spry Menu Widget 2.0 (vers. 1.0) developed by Adobe labs.
I have posted the site to http://www.aclco.org/testing/index.html. You will see that it works beautifully, thanks to the help of many contributors, except in IE 6.0, where, when the sub menus become visible and drop down, it causes all page elements (divs) to be pushed down to create the necessary room to accommodate the drop down. The natural overlap of the sub-menu over pre-existing content doesn't seem to overlay properly.
It does this on all pages, and not just those which present flash sideshows. And as I say it is peculiar to IE 6.
I have followed the tutorial provided by David Powers in deploying the widget and have not altered the spry skin css or the basic css. Any changes (affecting padding, etc. and adding of background images where created using the widget browser and supplemented in the css added to the template page. The "add-on" css was then added to the general style sheet governing the whole site layout.
I was wondering if anyone else has experienced this problem, if there are any work arounds or hacks that anyone is aware of, or any other suggestions that might help.
I haven't been able to preview this on a free standing PC using IE6, but was able to reproduce the problem on 2 cross browser testing services employing a "live mode". I renders properly until the sub-menus are called upon to become visible, and then the problem manifests.
Your assistance will be greatly appreciated.
Sincerely,
Steve Webster
Attach.
Please note: Attached are the relevant excerpts from the customized style sheet as amended from the spry widget browser:
/* -- Begins Spry Menu Widget 2.0 (1.0) Horizontal menu bar Custom styles -- */
/* BeginOAWidget_Instance_2141544: #MenuBar */
/* Settable values for skinning a Basic menu via presets. If presets are not sufficient, most skinning should be done in
these rules, with the exception of the images used for down or right pointing arrows, which are in the file SpryMenuBasic.css
These assume the following widget classes for menu layout (set in a preset)
.MenuBar - Applies to all menubars - default is horizontal bar, all submenus are vertical - 2nd level subs and beyond are pull-right.
.MenuBarVertical - vertical main bar; all submenus are pull-right.
You can also pass in extra classnames to set your desired top level menu bar layout. Normally, these are set by using a preset.
They only apply to horizontal menu bars:
MenuBarLeftShrink - The menu bar will be horizontally 'shrinkwrapped' to be just large enough to hold its items, and left aligned
MenuBarRightShrink - Just like MenuBarLeftShrink, but right aligned
MenuBarFixedLeft - Fixed at a specified width set in the rule '.MenuBarFixedLeft', and left aligned.
MenuBarFixedCentered - - Fixed at a specified width set in the rule '.MenuBarFixedCentered',
and centered in its parent container.
MenuBarFullwidth - Grows to fill its parent container width.
In general, all rules specified in this file are prefixed by #MenuBar so they only apply to instances of the widget inserted along
with the rules. This permits use of multiple MenuBarBasic widgets on the same page with different layouts. Because of IE6 limitations,
there are a few rules where this was not possible. Those rules are so noted in comments.
#MenuBar {
background-color:transparent;
font-family: Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
MenuItem, and MenuItemLabel
at a given level all use same definition for ems.
Note that this means the size is also inherited to child submenus,
so use caution in using relative sizes other than
100% on submenu fonts. */
font-weight: normal;
font-size: 17px;
font-style: normal;
padding:0;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
For most items, we have to do top or bottom padding or borders only on the MenuItem
or a child so we keep the entire submenu tiled with items.
Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
padding: 10px 10px 10px 4px;
background-color:#000088;
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt-Dark.png);
background-repeat:repeat-x;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none none none none;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#ffffff;
background-color:transparent;
padding: 0px 18px 0px 5px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
font-style: normal;
background-color:#000088;
padding:0px 2px 0px 0px;
border-width:0px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: none;
padding: 0px;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 0px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 10px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:transparent;
color:#ffffff;
padding: 10px 10px 10px 10px;
width: 240px;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #2E35A3;
background-image:url(../ACLCO%20Graphics%20-%20Web%20site%20Parts/Navigation%20Bar%20Segme nt%20Light2.png);
background-repeat:repeat-x;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: transparent; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: transparent;
color: #ffffff;
#MenuBar .SubMenu .MenuItemHover {
background-color:2E35A3;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: transparent;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color: transparent;
min-width:0%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
and your personal taste.
0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
on MenuItemContainer and MenuItem on the parent
menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: transparent;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: transparent; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: transparent; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
/* EndOAWidget_Instance_2141544 */
/* Ends Spry Menu Bar Widget 2.0 (1.0) Horizontal Menu Custom styles */

I have systematically reviewed the tutorial of David Powers on the Spry Menu bar 2.0, and recreated the process in a methodical process - making one change at a time, and then checking each step on a cross browser testing server, and have found, quite to my amazement that what seems to be causing the problem of the "gap" in IE 6 is by removing the customized styles from the head of the individual pages, and placing them in CSS stylesheet that governs the entire site.
I find this quite inexplicable. When the customized CSS rules governing the menu bar are situated in a separate stylesheet, the page renders well enough for any of the "modern" browsers, but won't render in IE 6. All that I get is a horizontal menu with drop downs, but none of the styling (specifically background colours, background images, etc.) that are called for in the stylesheet and that otherwise appear when rendered by other browsers.
I realize that this sounds strange, but I was wondering if anyone had experienced this phenomenon, or could offer any explanation.
Any suggestions would be greatly appreciated.
Steve Webster

How do I get banner & Spry Menu Bar to appear on every page?

Hi,
I am a new user of Dreamweaver CS6 an a relatively new user to website development in general.
I just followed along through Davide Powers "Creating your first website" tutorial series and found it to be very helpful. I made it through all six parts and managed to get the Check Magazine sample website up and running. I now want to use what I learned to creat my own site, and I am stuck already.
The tutorial does a great job of explaining how to setup a Spry Menu Bar to use for navigation. The tutorial, however, only shows how to put this Spry Menu Bar on the main index.html page. For my actual site, I would like my navigation bar (and my banner) to appear on every one of my pages.
Can anyone here tell me where I can find instructions on the best way to do this?
My navigation requirements are very simple. I just want a common banner with navigation buttons to appear at the top of every one of my pages. The Spry Menu Bar that was created in the tutorial would work great for me assuming I can find a relatively simple way to get it (along with my banner) to appear at the top of every one of my pages.
If it is very complicated to get it to appear on every page (or would require a large time investment in learning advanced techniques), then I would consider passing on the Spry Menu Bar and trying to setup my navigation in a simpler (if more old-fashioned) way.
Any advice will be greatly appreciated.
Thanks in advance,
Paul

If a small, 4-5 page site, make a prototype page with all your columns, headers, footers, menus, etc... and go to File > SaveAs index.html, and then File > SaveAs > page1.html, and then File > SaveAs page2.html, etc...
Or you can save your prototype page as a Dreamweaver Template (.dwt file). Add editable regions for stuff that will change from page to page. Everything outside editable regions is common to all site pages. Then use your Template to spawn site pages. File > New > Page from Template, index.html, page1.html, page2.html, etc.... DW Templates are nice site management tool. But before you use them, read all you can about them in F1 Help as they can be a little tricky to master.
Last but not least, look at Server-Side Includes. They're a huge time saving feature. I use them on every site I build.
Server-Side Includes
http://www.smartwebby.com/web_site_design/server_side_includes.asp
Nancy O.

Need help with Spry Menu Bar

Hello, I have two templates that I am using. Both have a horizontal menu bar across the top of the page and then two Vertical Spry Menu Bars down the left hand side of the page - one above the other. On one template, all menu bars are working correctly. On the other template, 2 out of three are working correctly. Not sure what's happening here. The spry menu bar that is not working correctly is under "Books & Materials" heading. The menu bar is supposed to turn green when you mouse over it, but instead everything turns white and looks like it "disappears". I have no idea why it would work on one template and not the other. Or for that matter, why it is working on one vertical spry menu bar, but not the other on the same page. Can anyone help me?   www.springerlejoy.com/proanimals4.html This is a page that shows where it is not working. Basically, all of the products pages are having this problem. If you go to the home page: www.springerlejoy.com you will see that this page is working - using a different template. Can anyone help me? I'm at a loss! Thanks!
Debbie
Here is the code for the template that is NOT working:
<!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=utf-8" />

<title>Untitled Document</title>

<link href="../thrColFixHdr.css" rel="stylesheet" type="text/css" />

<style type="text/css">

</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">

</script>


<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>
<body class="thrColFixHdr" onload="MM_preloadImages('../history2.gif')">
<div id="container">
<div id="header">
<table width="810" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td><div class="hdrtxt">
      <p>2104 Clairmont Drive<br />
        Pittsburgh, PA 15241<br />
        T 412-616-9066<br />
        F 412-220-2074 </p>
      </div></td>
    <td align="center"><a href="../index.html"><img src="../logo3.jpg" width="313" height="149" border="0" /></a></td>
    <td><div class="rthdrtxt">Cookie Molds from <br />
      the Old World for <br />
      Baking and Crafts</div>
      </td>
</tr>
<tr>
    <td width="189" background="../lines.gif"></td>
    <td width="409" align="center" background="../lines.gif"> </td>
    <td width="182" background="../lines.gif"></td>
    </tr>
<tr bgcolor="#BB7C4E">
    <td colspan="3" align="left"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="../index.html">Home</a></li>
<li><a href="../aboutus4.html">About Us</a></li>
<li><a href="../howtoorder4.html">How To Order</a>          </li>
      <li><a href="../information4.html">Information</a></li>
      <li><a href="../contactus4.html">Contact Us</a></li>
      <li><a href="../recipeshome.html">Recipes</a></li>
      <li><a href="../events4.htm">Events</a></li>
      <li><a href="../gallery4.html">Photo Gallery</a></li>
    </ul></td>
    </tr>
</table>
<div class="divmenubar"> </div>
</div>
<div id="sidebar1">
    <div class="FeatureItem">
<div align="center"><span class="FeatureItemHead"> </span>
<div>
    <div class="Products">Products
      <br />
      <br />
    </div>
<div class="proHeaders">Molds</div>
</div>
</div>
<ul id="MenuBar2" class="MenuBarVertical">
<li><a href="../proangels4.html">Angels</a>      </li>
    <li><a href="../proanimals4.html">Animals</a></li>
    <li><a href="../probaby4.html">Baby</a>      </li>
    <li><a href="../probiblical4.html">Biblical</a></li>
    <li><a href="../probirds41.html">Birds</a></li>
<li><a href="../prochildren4.html">Children</a></li>
    <li><a href="../prochristgen4.html">Christmas, General</a></li>
    <li><a href="../prochristrel41.html">Christmas, Religious</a></li>
    <li><a href="../procornucopia4.html">Cornucopia</a></li>
    <li><a href="../procultfig4.html">Cultural Figures</a></li>
    <li><a href="../profishing4.html">Fish</a></li>
    <li><a href="../proflowers4.html">Flowers & Plants</a></li>
    <li><a href="../profruits4.html">Fruit</a></li>
    <li><a href="../progeometric4.html">Geometric</a></li>
    <li><a href="../progermany4.html">Germany</a></li>
    <li><a href="../prohearts4.html">Hearts</a></li>
    <li><a href="../proinsects4.html">Insects</a></li>
    <li><a href="../proluck4.html">Luck</a></li>
    <li><a href="../promarriage4.html">Marriage</a></li>
    <li><a href="../promultiple4.html">Multiple Images</a></li>
    <li><a href="../promusic4.html">Music</a></li>
    <li><a href="../pronautical4.html">Nautical</a></li>
    <li><a href="../proscenes4.html">Old Time Scenes</a></li>
    <li><a href="../propeople4.html">People in Old Times</a></li>
    <li><a href="../prosayings4.html">Sayings</a></li>
    <li><a href="../proschool4.html">School</a></li>
    <li><a href="../proseasons4.html">Seasons</a></li>
    <li><a href="../prostar4.html">Star</a></li>
    <li><a href="../prostory4.html">Story / Legend Characters</a></li>
    <li><a href="../prosunmoon4.html">Sun & Moon</a></li>
    <li><a href="../proswitzerland4.html">Switzerland</a></li>
    <li><a href="../prosymbols4.html">Symbols</a></li>
    <li><a href="../protransportation4.html">Transportation</a></li>
    <li><a href="../prozodiac4.html">Zodiac</a>    </li>
</ul>
<div class="proHeaders"><br />
Books & Materials</div>
<ul id="MenuBar3" class="MenuBarVertical">
<li><a href="../probooks4.html">Books</a>    </li>
<li><a href="../procookies4.html">Cookies</a></li>
<li><a href="../procutters4.html">Cutters</a>    </li>
<li><a href="../proflavoring4.html">Flavoring</a></li>
<li><a href="../profoodcolor4.html">Food Coloring</a></li>
<li><a href="../promaterials4.html">Materials</a></li>
<li><a href="../protools4.html">Tools</a><br /></li>
</ul>
</div>
</div>
<div></div>
<div id="sidebar2">
    <div class="nxtevents">
      <div class="MenuBarActive">
        <div><a href="http://order.store.yahoo.net/cgi-bin/wg-order?yhst-40727766898036 "><img src="../cart1.gif" name="imgfloatright" width="87" height="26" border="0" id="imgfloatright" /></a></div>
        <p><br />
          <br />
        </p>
      </div>
      <div class="nxtevents">
        <div class="maincontenttxt">
          <div class="moldscenter"><span class="maincontenthdr1">Featured Item<br />
            </span>
<p class="thumbnail"><a class="thumbnail" href="#thumb"><span><img src="1142.jpg" /></span></a> <a class="thumbnail" href="#thumb"><a class="thumbnail" href="#thumb"><img src="1142-1.jpg" width="93px" height="100px" border="0" /></a></p>
            <br />
            <table width="130" cellpadding="0" cellspacing="0">
    <tr>
      <td width="61" align="right" class="maincontenttxt">1142</td>
      <td width="67" align="right" class="maincontenttxt"><div align="right">$31.00</div></td>
    </tr>
</table>
            <br />
            <a href="../proanimals4.html">The Three Rabbits springerle mold, dia. 3.5" (90mm)</a><br />
            <br />
            <form method="post" action="">
          <p align="left" class="buttoncenter">
            <input type="submit" value="Order Now" />
          </p>
        </form><br />
          </div>
          <p class="nxteventshdr">News...        </p>
        </div>
        <p>2/8: Just Arrived from Switzerland today<br />
          <strong><U><br />
          <a href="../prohearts4.html">11 New Heart   Molds</a></U></strong><a href="../prohearts4.html"><U>!</U></a><U><br />
        </U></p>
      </div>
      <div id="moreevents">
        <p>2/7: See our new photos in the <a href="../gallery4.html">Photo Gallery</a>!</p>
      </div>
    </div>
    <div>
      <p class="nxteventshdr">Newsletter</p>
      <p class="nxtevents">To automatically receive our e-mail newsletter with new mold information, tips and tricks, photos of cookies and art, and historical profiles of featured molds, please fill in the form below and press <Submit></p>
      <form method=post action="http://us.1.p6.webhosting.yahoo.com/forms?login=springerlejoy" id="form1" name="form1">
        <p class="maincontenttxt">First Name
<input name="formFirstName" type="text" class="maincontenttxt" id="formFirstName" />
        </p>
        <p class="maincontenttxt">Last Name
          <input name="FormLast" type="text" class="maincontenttxt" id="FormLast" />
        </p>
        <p><span class="maincontenttxt">Email Address
            <input name="FormEmail" type="text" class="maincontenttxt" id="FormEmail" />
        </span></p>
        <div id="button">
          <input type="submit" name="SubmitButton" id="SubmitButton" value="Submit" />
        </div>
        <p> </p>
      </form>
      <p> </p>
      <p><a href="http://smallbusiness.yahoo.com/ecommerce/" target="_blank"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/smallbiz/gr/ecomby_128bit.gif" alt="ecommerce provided by Yahoo! Small Business" width="118" height="55" border="0" align="middle"/></a> <br />
        <br />
      <a href="http://www.facebook.com/pages/Springerle-Joy/243604195833?ref=search&sid=1000000928365 99.173275996..1&v=wall#!/pages/Springerle-Joy/243604195833?v=wall&ref=search"><img src="../5u84f48n.gif" width="144" height="44" /></a> </p>
    </div>
    
</div>
<div id="mainContent">
<div class="maincontenthdr"> 
    <p class="maincontenthdr">Products</p><div class="leafpic"><img src="../leaves3.jpg" width="420" height="32" /></div>
</div>
<div>
<div class="maincontenthdr1">
    <table width="418" border="0" cellspacing="0" cellpadding="0">
      
        <tr>
          <td width="87" rowspan="2" valign="top"> </td>
          <td width="255" valign="bottom" class="itemno"> </td>
          <td width="76" valign="bottom" class="price"> </td>
        </tr>
        <tr>
          <td valign="top" class="maincontenttxt"> </td>
          <td class="orderbutton"> </td>
        </tr>
        
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    <p> </p>
    <div class="maincontenttxt"></div>
    <p> </p>
<div class="maincontenttxt"></div>
</div>
</div>
</div>
<p>
   
</p>
<p><br class="clearfloat" />
</p>
<div id="footer">
<div id="copyrighttxt">
<p>Copyright© by Springerle Joy, LLC 2010</p>
</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
File cannot be found. Try
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
File cannot be found. Try
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///Macintosh HD/Users/julesmazur/Desktop/widgets/menubar/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
This link points to a local file on your local harddrive and can therefore not be found. However, this file is not needed because the file will be linked as above.
Gramps

Need Help with DW 5.5 spry menu bars.

I was given an unopened/registered Creative Suite 5.5 a couple days ago so I installed it and got to work on a website for my upcoming business. I got the home page finished, and so i saved it as a template to use for the remaining pages. But as soon as I click "save" my horizontal Spry Menu Bar becomes vertical at the top of my page. If i click on the Spryhorizontalmenu.css a message appears at the top of the screen that says something along the lines of "spryhorizontalmenu.css is not stored on local disk Get" but it will not let me access the link for help and I have been stumped for days. This is my first webpage and any help for this newbee would be very much appreciated.if you have questions please ask!!!

If horizontal is turning vertical, I have a feeling what is happening is that when you publish it, it's not connected to any style sheet -- or you have the style sheets in the wrong order.
Remember, with CSS (Cascading Style Sheets) the last stylesheet trumps the earlier one. That's perfectly OK if there are no conflicts, but there may be some that can cause problems.
Thus, you'd be looking for:
<link href="styles.css" rel="stylesheet" type="text/css">
<link href="navigation.css" rel="stylesheet" type="text/css">
If navigation.css is first, styles.css may be rewriting your styles for your spry navigation.
Now, I'm going to throw you a curve. Spry has been discontinued and it "going away." I recommend you learn how to make your own navigation and Spry is usually used for drop-down navigation. You can do that in straight HTML and CSS.
Take a look at my last reply in this forum discussion for a bunch of pretty cool "do it yourself" navigation tutorials.

Dynamic menu bar

I need to create a menu bar in a template that, when attached
to a page, will create a link to all the pages attached to that
page. I did this in frontpage with a "tool" but now I can't find
out how to do it in Dreamweaver.

Call me curious, why aren't you using one of the pre-built CMS frameworks for this? WordPress, Drupal, Joomla, Concrete5... all lend themselves to this sort of thing without a lot of brain freeze.
PS. Dynamic (php/mysql) questions belong in the Developer's Forum where you'll receive better answers.
http://forums.adobe.com/community/dreamweaver/dreamweaver_development?view=discussions
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Fix Lion menu bar and dashboard graphics

Hello,
I recently upgraded my MacBook Pro to Lion a few months back. About 3 weeks ago, on one of the three user acccounts, the menu bar and dashboard got messed up. See images below. I was looking to find a solution, but could not find any. As I mentioned only one user account has been affected.
Any suggestions on how to fix this?
Thanks!
See menu bar:
See dashboard

Below please find the output from the Terminal commands.
USERS-MacBook-Pro:~ user$ kextstat -kl | awk ' !/apple/ { print $6 $7 } '
org.virtualbox.kext.VBoxDrv(4.1.6)
org.virtualbox.kext.VBoxUSB(4.1.6)
org.virtualbox.kext.VBoxNetFlt(4.1.6)
org.virtualbox.kext.VBoxNetAdp(4.1.6)
USERS-MacBook-Pro:~ user$ sudo launchctl list | sed 1d | awk ' !/0x|apple|com\.vix|edu\.|org\./ { print $3 } '
com.leapfrog.connect.shell
com.google.keystone.daemon
com.crashplan.engine
com.adobe.SwitchBoard
USERS-MacBook-Pro:~ user$ launchctl list | sed 1d | awk ' !/0x|apple|edu\.|org\./ { print $3 } '
com.wacom.pentablet
com.google.keystone.root.agent
com.adobe.CS5ServiceManager
com.zimbra.desktop
com.adobe.AAM.Scheduler-1.0
USERS-MacBook-Pro:~ user$ ls -1A {,/}Library/{Ad,Compon,Ex,Fram,In,La,Mail/Bu,P*P,Priv,Qu,Scripti,Servi,Sta}* 2> /dev/null
/Library/Components:
/Library/Extensions:
EyeOne.kext
VBoxDrv.kext
VBoxNetAdp.kext
VBoxNetFlt.kext
VBoxUSB.kext
/Library/Frameworks:
AEProfiling.framework
AERegistration.framework
Adobe AIR.framework
AudioMixEngine.framework
Frameworks
MacFUSE.framework
NyxAudioAnalysis.framework
PluginManager.framework
TSLicense.framework
/Library/Input Methods:
/Library/Internet Plug-Ins:
DirectorShockwave.plugin
Flash Player.plugin
Flip4Mac WMV Plugin.plugin
JavaAppletPlugin.plugin
Quartz Composer.webplugin
QuickTime Plugin.plugin
Silverlight.plugin
Unity Web Player.plugin
Unused
WacomNetscape.plugin
WacomSafari.plugin
flashplayer.xpt
iPhotoPhotocast.plugin
nsIQTScriptablePlugin.xpt
/Library/LaunchAgents:
com.adobe.AAM.Updater-1.0.plist
com.adobe.CS5ServiceManager.plist
com.google.keystone.agent.plist
com.wacom.pentablet.plist
/Library/LaunchDaemons:
com.adobe.SwitchBoard.plist
com.apple.remotepairtool.plist
com.crashplan.engine.plist
com.google.keystone.daemon.plist
com.leapfrog.connect.shell.plist
/Library/PreferencePanes:
Flash Player.prefPane
Flip4Mac WMV.prefPane
Growl.prefPane
MacFUSE.prefPane
PenTablet.prefPane
Tuxera NTFS.prefPane
/Library/PrivilegedHelperTools:
com.leapfrog.connect.shell
/Library/QuickLook:
GBQLGenerator.qlgenerator
iWork.qlgenerator
/Library/QuickTime:
AppleIntermediateCodec.component
AppleMPEG2Codec.component
Flip4Mac WMV Advanced.component
Flip4Mac WMV Export.component
Flip4Mac WMV Import.component
/Library/ScriptingAdditions:
Adobe Unit Types.osax
/Library/StartupItems:
VirtualBox
Library/Address Book Plug-Ins:
SkypeABDialer.bundle
SkypeABSMS.bundle
Library/Input Methods:
Library/Internet Plug-Ins:
Library/LaunchAgents:
com.adobe.AAM.Updater-1.0.plist
com.apple.FolderActions.enabled.plist
com.apple.FolderActions.folders.plist
com.zimbra.desktop.plist
Library/PreferencePanes:
.4C754951EC7660CCD85F
USERS-MacBook-Pro:~ user$

Spry menu bar, please help

Hi everone,
I had to migrate from GoLive CS2 to DWCS5 a month ago, and I just put up my two site using the same template. Sorry, I am lerning but I do not know about Code.
Main domain is: http://www.hydeparkgalleryllp.com/
Sub domain is: http://www.fumiosawafineart.com/
Hyde Park Gallery,LLP site is working fine but my site fumiosawafineart.com has problem with spry menu bar which do not show in the web pages.
So far, I learned without help, but this one I have no idea.
I deeply appreciate if someone help me this issue. Forum has been changed so much, even I am not sure I am right place... and sorry about my English.
Fumio

Your Spry menu bar is on http://www.fumiosawafineart.com/ but it is unstyled.
That's because the code for styling the Spry menu in http://www.fumiosawafineart.com/ is pointing to your local hard drive (file:////Mac.... which no-one can see but you)
<script src="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///Macintosh HD 3/Dreamwever/HPGLLP/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
Should read
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
The reason for this weird code is often because you have not defined a sitre correctly in Dreamweaver. Is that the case?

Horiz Menu Bar (in a template) Messed up on PHP page; Only in IE Browser

Similar Messages

Maybe you are looking for