DW CS4 Spry menu shows up on one page layout, but not in a secondary page

I inserted a spry menu into the homepage. Got it working okay. Then I inserted one into another page layout within the site. Copied and replaced the code with that from the homepage. The secondary page dropdowns aren't dropping down. What am I missing? Help please.
Homepage
Secondary page

Open your Homepage and SaveAs Secondary page. Edit content as desired. Save again.
See also, Dreamweaver Templates in DW Help (F1).
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Added a spry menu bar and site works in firefox but not in chrome or IE. Please help

Hello,
I'm a photographer by trade and have only picked up enough web design knowledge in order to build a website that isn't distracting to my photographs and is simple to update and mantain. Please breakdown any answers to my questions in very simple terms.
To start off here is a link to my site for reference. www.cechternach.com
1. My Biggest problem right now is that my site works in firefox but appears as a blank white page in chrome and in IE it only shows my background color.
I'm assuming that this has something to do with the spry menu bar I added. The galleries, banner, and footer were all part of a previous version of this website that didn't use the menu bar. I actually used png's exported from an illustrator as buttons. I've been wrestling with this menu bar for a few days now. I had an issue with the menubar forcing down the gallery below it. that was fixed by changing a position value from relative to absolute in the menubar css. Then I couldn't see the submenu over the galleries. I think I fixed that with a wmode change but I"m not sure if I did that right. I believe i needed to change that in the object and embed part of the code. One spot for certain browsers and the other spot for other browsers. I was a little confused on this because i also read that i needed to change the wmode in the javascript file in dreamweaver cs4 which is what i'm using. Whatever wmode I changed it seemed to work in firefox. The submenu background was showing up transparent but i fixed that in the menubar css.
2. I would like the submenu's to have a semi transparent blurred background effect. Is this possible with a spry menu bar?
3. How do I center my text in the submenu?
4. My menu bar buttons should be the same font as my name in my banner. It looks fine on my computer that has that font loaded but on other computers I was testing the site on the menubar buttons show up as a default font. How can i fix this?
5. Is there any way to get rid of the grey lines that show up around my slideshow pro galleries and menu bar buttons when they are clicked?
The last four questions aren't as important as the first one. I may be upsetting the flow of the forum as well. Please let me know if I'm not following procedure with any of my questions. Feel free to point out any other problems you see with my page. I'm trying to learn this as I go. Thanks in advance.

Spry widgets, which includes the SpryMenuBar, in their original state do not pose any problem in any browser!
Widgets contain two parts
JavaScript which drives the widget
CSS which styles the widget to individual tastes
The most common reason for a widget to misbehave especially in IE is because the inexperienced web developer has upset the delicate balance of the CSS. I say delicate, because in the original, great care has been taken by the Spry team to ensure cross browser compatibility.
There are other reasons why a whole page can misbehave. In these cases, the culprit should be sought outside of the Spry framework.
When trouble shooting, I would first of all comment out all of the Spry Spry parts and test the page in IE. If it does work after that, then yes come back here and we will have a look at the SpryMenuBarHorizontal.css for you.
If it doesn't work after disabling Spry, then have a look at the coding and the CSS for your page and fix that.
I hope this helps.
Ben

Spry menu displays fine in FF and Chrome but not in IE

hello all -
as stated my Spry menu drops down fine (vertical) in FF and Chrome but in IE8 it displays horizontal. pls help & ty!
here is the CSS and an example page-
http://www.thelders.com/BlueRidge/ContactUs.html
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
#MenuBar1 {
margin:0 auto;
width:876px;
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul {
border: 1px solid #738dbb;
background-color: #ddd9c3;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a {
display: block;
cursor: pointer;
padding:6px 18px;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color: #aac0db;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {
display: inline;
f\loat: left;

First off read the notice on the index page of this forum
Announcement: Introducing Spry UI
Then add the following style rules to your document
ul.MenuBarHorizontal li {
width: 8em;
ul.MenuBarHorizontal ul {
width: 8.2em;
I hope this helps.
Ben

We have two users on 1 computer tools, history, etc show up on one user screen but not the other how do i fix this

We have one computer in our home and two user accounts, his and hers. On my account at the top of the page I have file, edit, view, history, bookmarks, tools and help.
On the other account it will not show any of those topics. Its very discouraging first its there and than it dissappears so that we cannot find our bookmarks.
How do i remedy this so the same is on both user accounts.

For details of how to restore it, see [https://support.mozilla.com/kb/menu+bar+is+missing]

Spry Menu showing backwards in Fire Fox

I could use some help.
This is my first spry menu and it looks fine in IE but the shows backwards in FF.
Here is a link :http://www.fresnoskiclub.com/FSC-rebilld/html/about.php
If any of you coding gurus' out there can steer me in the right direction, it would be appreciated!

The problem is
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 7em;
   float: right;
Change the value back to left.
The menu bar will now left align itself. To fix that we will go to the container, give it a width and float it to the right as follows.
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 42em;
    float: right;
Gramps

How can I get ALL of my Google Calendars to show on the iCal on my iPhone? I see all of my Google Calendars on the iCal on my Mac, but I do not see them in the iCal on my iPhone. I only see one Google Cal, but not the others.

How can I get ALL of my Google Calendars to show on the iCal on my iPhone?
I see all of my Google Calendars on the iCal on my Mac, but I do not see them in the iCal on my iPhone. I only see one Google Cal, but not the others.

https://www.google.com/calendar/iphoneselect

Why the menu to move from one page to another is not seen when the page is online?

On my web, I have different pages like 'Homepage' or 'Contact' but when I publish my web I can not see the menu.
why the menu to move from one page to another is not seen when the page is online?
Thank you,
Roger.

Where are you publishing and how are you uploading the files?

Table borders show up with Firefox or IE but not Safari (Win or MAC)

This very simple site (http://www.brandondean.net) has two table borders that show up under FF and IE but not Safari (either Win v4.0 or Safari for MAC, same result). I'm not an expert but I did the work using Dreamweaver 2004 MX as XHTML compliant, tested every page at W3C.org to make sure they comply with XHTML, and they do (except for my not putting in "alt" on images). I even downloaded Dreamweaver CS4 to run the "clean up the code" command and nothing is fixing the problem. I'm hoping someone out there has seen this before and can help us out. Thx.

Hi Gary,
It's probably just because the border widths you are specifying are too small (or WebKit is interpreting picas differently to Firefox/IE - I say WebKit as the same problem is visible in Google Chrome and that uses WebKit like Safari as well).
Try setting using this instead:
.borders {
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #cccccc;
text-decoration: none;
border: 1px solid #888888;
That seems to do the trick for Firefox and Chrome on this Linux machine I'm using at the moment.

How to show attributes only in query panel but not in Add fields.

Hi,
Jdev - 11.1.1.7.0
I have a requirement where I need to show attribute only in search panel but not in Add Fields list which is available in advanced section.
Thanks for your time and help.
Regards,
Dileep.

Hi,
Is it really possible implement this kind of scenario, I could not find any property to disable the attribute only 'Add Fields' but not in query panel.
Please some one confirm me this behavior.
Thanks,
Dileep.

App world is showing up in my applications management but not on my actual blackberry

Hi I have a blackberry bold 9780, a few months ago when I received this phone from my parents it had a blackberry app world update. Ever since I tried updating it the blackberry app world is showing up in my applications management but not on my actual blackberry (if that makes sense). I have tried unistalling and reinstalling, taking battery out to reset. Is there anything I can do to get it back as its starting to annoy me now

Hi x_cakemaker_x
Sorry One post is enough for the same issuue http://supportforums.blackberry.com/t5/Device-software-for-BlackBerry/blackberry-app-world-not-showi...
Click " Like " if you want to Thank someone.
If Problem Resolves mark the post(s) as " Solution ", so that other can make use of it.

2 different iphones have the same Apple ID, how can I change the apple ID on one of them but not delete the other iphone's data and media?

2 different iphones have the same Apple ID, how can I change the apple ID on one of them but not delete the other iphone's data and media?

You don't have to do anything with the first iPod that you don't use anymore. If you are planning on keeping it, put in a drawer in your house and forget about it.
You don't need a second account to use with the new iPod. I use one Appl e ID and iTunes library for two iPods, and two iPad. I have different content on all four devices. You can select exactly what you want to sync to each device and it can be different content on all devices.

HT2513 my iCal shows events in the "month" view but not in the "week" view? why is that?

my iCal shows events in the "month" view but not in the "week" view? why is that? doesnt sync automatically all the time only sometimes

my iCal shows events in the "month" view but not in the "week" view? why is that? doesnt sync automatically all the time only sometimes

ITunes said my iPod Nano 4G is corrupted when it's in one USB port, but not in the other.

iTunes said my iPod Nano 4G is corrupted when it's in one USB port, but not in the other. Is the port faulty? Windows 7 PC

Could just be a loose connection or that the cable itself is going bad. There are a number of factors that could play into this scenario.
B-rock

When I down loaded some ring tones they show up in my Music folder but not in my ringtones?

When I down load some ring tones I purchased they show up under my Music Icon but not in my ringtones

Where did you download them from? Did you drag them from the Music folder to the Ringtones folder?
iOS devices use MPEG4 audio (AAC) for ringtones. Often these files end with .m4a, but the .m4r suffixe is generally used to denote a ringtone. iOS expects a ringtone to be less than 30 seconds in length and otherwise the only other restriction is that it's an AAC audio file.
You can make your own ringtones simply enough with any audio editing application on the Mac. Just create an MPEG4 audio stream, give it the suffice .m4r, and drag it into iTunes.

I bought a 5 yr old Mac G5 OSx 10.4.11, 2 GHz intel Core 2 Duo processor, 1GB 667 MHz DDR1 SDRAM memory. It works fine but I can't get Thunderbird, Flash Player or Adobe reader to install -- it shows up on desktop as download but not App folder. Why?

Question: I bought a 5 yr old Mac G5 OSx 10.4.11, 2 GHz intel Core 2 Duo processor, 1GB 667 MHz DDR1 SDRAM memory. It works fine but I can't get Thunderbird, Flash Player or Adobe reader to install -- it shows up on desktop as download but not App folder. Why?

The downloads are probably .dmg files (disk images). You would open the disk image (double-click it) to find the application or an installer. If it's the application itself, you then drag the application to your Applications folder to "install" it. If it's an installer, double-click the installer to run the installer that installs the application.
NOTE: If you iMac is Intel, it's not a PPC G5.

DW CS4 Spry menu shows up on one page layout, but not in a secondary page

Similar Messages

Maybe you are looking for