Spry Navigation in Dreamweaver CS3

i have a probleme with the position of the submenu how can i repositing them

Any adjustments to a spry menu have to be made in the corresponding CSS files. You’ll need to find the CSS rule that defines the positioning of your submenu and adjust it by changing the settings in the CSS Styles panel.

How do you make the navigation stretch to fit its container, my “wrapper” div is 760px but my spry menu only covers about 65% of that width…

dear jeanine,
last year i bought your DVD on dreamweaver 8,
it is done very well and i plan to buy your new one.on drmw8 there is no section that covers how to create a page that clicking “previous/next one can navigate through several images yet the page stays the same.how can i learn to create pages with this features.

Is there a way to get the text from the menu into a CSS file so that the pages should all be the same.

i need to know more about the spry menu bars use, and how to change the colour of background and to get menus in same levels.

How can I create a Transparency Navigation when u use SPRY?

I am doing a spry for the first time ever. I have created a vertical menu bar. How do I remove the border?

Thanks for intro into spry. Have had a little play and one neat trick I have found is to manually move sub menus.

In properties bar click on a sub menu item.
In ‘design mode’ you can then click on the edge of the sub menu that shows blue outline. Top left is a square that you can manually ‘grab’ and move the position of whole sub menu – cool!

same applies for sub sub menu of course

I must admit that when I tried to navigate round the css adjustments as shown in your tutorial it was confusing and daunting.

HOWEVER if you go to spry assets folder and open the css sheet it has been annotated by Adobe making it a lot easier to follow

Hope this is of interest

I am editing css for my spry nav bar and can’t figure out how to have a different background color for the tab of the page that is open. For example when I am on the HOME page I want that tab a different color so the visitor knows what page they are on. I don’t see a style in the menu bar css that describes this condition. How would I write the selector?

Hi, I’m having trouble with the spry vert nav bar in IE7. Not all of the menu items are left justified like they are in FF and Netscape. I do have the z-index ‘hack for IE5′ in my
sprymenubarvertical.css. Is there any new ‘hack’ code to make it work in IE7?

Figured it out….removed the
f\loat: left;
background: #FFF;
from the IE5.0 hack. My site looks great now in IE7.0 (don’t know about IE5.0) and in all other (normal) browsers -Lamia

My spry nav menu works fine in IE7, but not in Firefox. Is there a simple fix?

I create a behavior in an image to open a large image in a new window, but there is a blue border in my image once I add the # sign in the link properties. How can I remove this hyperlink border

Here’s how to remove an image border:

The border is automatically added to distinguish that the image is linked, even though you’re just using the #sign as a holder.

It’s easy to remove.

Click to select the linked image in the main Dreawmeaver design area, then in the Property inspector at the bottom of the workspace, enter a 0 in the Border field. This sets the size of the border to 0, making it disappear.

Hope that helps,
Janine Warner

I have created a Spry vertical navigation menu in a Div on the left side of my site pages that looks great in Firefox, but it doesn’t show up in IE6 or IE7. What do I need to do to fix this? I’ve tried to find answers in my books and on the web, but I’m stumped. Thank you.

I have created a Spry vertical navigation menu with a blue background. It looks ok in dreamweaver but when I test it in a browser the backgound color is only behind the text and not the whole box. What did I do wrong?

I would like to use a Spry menu on our site, but am concerned about updating the menu after the initial implementation. We have over 3,000 pages on the site so when we change the menu in the main template, I want to be able to upload a single file and the changes will appear in all pages without having to reload the individual pages themselves. Can you do this with Spry menus or do all pages have to be reloaded?

Horizontal nav bar looks on everybody except IE. No drop down menu’s appear.

My Spry menu won’t show up in IE either. Can someone post the fix?

I had some spry menu buttons in place. i did something (?) and now the buttons have become blue outlines, no buttons. it’s not the styles button. what could i have done? I’ve tried to erase old code and start over. buttons will not return!

I’ve used spry horizontal menu on a test page. Works fine in Firefox but in IE7 the sub menu blocks appear at top of web page, not adjacent to menu item. Sub-sub menu blocks behave as expected relative to their parent sub-menu items. Is there a fix for this or do I have to find another way of creating dropdown menus, since yhe majority of my site visitors will use IE?

I created a Spry drop down navigation box. When I tested it it opened up immediately if Firefox and with one extra click in IE 6 but when I tried it in IE 7 I got a blocking message in the information bar and then a security warning – so 2 clicks to get it open. I’ve fiddled with security settings but can’t get IE7 to be any friendlier. Haven’t tried it with Safari yet.
Any suggestions? Please!!!!

My spry menu shows under the iframe that is directly next to my verticle spry menu, is there anything I can do to resolve this?

Downloaded Dreamweaver last night. Have always thought websites were hard to do. Your article was so straight forward. Thank you very much.

Change the Z-index for the menu going uner to like 500

OK, i have this little problem! I want to have two spry dropdown menus with different css. Any help?

Hi. I don’t understand how I am supposed to know the difference between the styles listed!?
ul.MenuBarHorizontal
ul.MenuBarHorizontal li
ul.MenuBarHorizontal ul
ul.MenuBarHorizontal ul li….etc!!!

What is this crazy “expanding box” problem I get when I start adding text to my menu? I gave all the menu items a fixed height and width but is still comes up in the validation as a problem in earlier browsers (IE6 and earlier) this is driving me crazy!

Hi, I was just wondering if there is no way to align the spry menu to the center?

Hi,
Great page with a good manual how to use Spry Menubar. I’ve create a website (test) with horizontal menu. I’ve also decided to use a frameset in my website.
Top-,left, main and rightframe.

In the topframe I’ve the horizontal menu. But it can’t be shawn properly when I preview it in the webbrowser. The scrolling function doesn’t work? Why? I think it’s because the top and mainframe have fixed pxl values. But what if I want to use frames and the horizontal menu?

The website will contain 33pages and I don’t want to put the menu in every page.

Plz help me, you are my only hope!

Skywalker.

When I careated a spry menu, each menu title has a little arrow right in the middle of the text. How do I get rid of it.

I have a “fix” for the links not working correctly in IE6 … I noticed from a previous website that was designed for my company, that they had this string of code on line 2:

No one that I have talked with can explain what it says, but when I pasted it onto Line 2 in code view, I was able to view my menu bar in IE without any problems!

Good luck!

Is there a way to align the spry menu to the center?

Is there a way of creating an external Spry Menu file that all the web pages can read from, like a data base so that menu items can be added or removed easily without altering every page by hand

Anna,

You would need to learn css.

ul.MenuBarHorizontal refers to an unordered list with the class “MenuBarHorizontal”

ul.MenuBarHorizontal li refers t oa list item within same.

ul.MenuBarHorizontal ul refers to an unordered list inside the unordered list with the class “MenuBarHorizontal
”

I’m sure you can see where this is heading..

I am using multiple spry tab panels on my site and i wanted to define different color schemes for each panel. How to do that?

Thanks
http://www.jhankar.pk

Hi, I was just wondering if there is a way to align the spry menu to the center?

I am using the sprybar but want to use a background.jpg(gif) instead of a color. I can not find it how to do it for just the menubar and not the submenu’s

I am new to spry and have added two spry menus to my site (one vertical, one horizontal). The problem I’m having is that part of the horizontal spry is hiding behind the flash element in the horizontal menu in FF and IE. I’ve tried giving the flash element a z-index below the spry, but to no avail. In IE the horizontal spry hides behind the vertical spry. Any ideas?

Here’s my site: http://www.hvydutyresources.com and my css is http://www.hvydutyresources.com/my_styles.css.

Any help would be greatly appreciated.l

I have created a vertical menu bar but need to add an additional menu, the default is only three. Is this possible?

Thank you,

Mike

You can always add more menu or submenu items by clicking on the plus sign at the top of the Property inspector. Just select the menu or submenu and then click plus to add a field.

When I try to view my menu bar in a browser – the content is blocked and will not show the dropdown submenu. I want to make sure that all of the navigation is visible with all browsers – is that not possible?

FYI The fix for the flash going in front of the menu is to add and wmode=”transparent” to the embed tags (see below):

uh oh… it removed my code.

what you need is, in the param tags, one that says:
param name=wmode value=”transparent” with the appropriate parens around (like the other params), then in the embed code section, add
wmode=”transparent”

Melissa, I can’t get my menus to work in IE either!! But your code got edited out! can you send it ot me? mary at maryvogt dot com

Thanks SO MUCH I’m going nuts looking for a fix.

Did anyone ever find a solution to why a menu bar won’t show up in IE? It looks great in firefox, but just blue links in IE.

Thanks

i need help~~~ the other version of dreamweaver i can use picture or even rectangular hotspot to do drop down. for spry menu, it doesn’t seem to have the function…

I want to expend the spry menu of an extra row of buttons.
How do I do this?

Exmp.
- Home,
- About,
-me
-you
-early years
-late years
- Contact

Dream weaver let me do till the “you” btn, but how to make the extra once (-early years, -late years)?

When I add a spry toolbar into a frame (leftframe) I cant get the blue menu option in step 8. Is anyone else having this problem?

My Spry horizontal dropdown menu works strange in ie7: The drop downs are about 150 pixels higher than the menu location. Also the image at the top doesn’t even showup. I’m using tables to layout the page.

http://www.lohshelp.com

The page shows up great in Safari for Mac.
-many thanks!

Can I add a sound to a spry menu so that when someone rolls over the menu items you hear a beep or something?

Why does IE insist on indenting my Spry Vertical menu as if it’s li items are normal li items ruled by the site’s CSS instead of the SpryMenuBarVertical.css? All padding and margins are set to 0.

Found an IE 6 fix to the indenting: in the final Spry style (ul.MenuBarVertical li.MenuBarItemIE), I added a negative margin-left value (I used -6px). This corrected the problem without screwing things up in Firefox or Safari.

I’m asking many of the same questions, but mainly I would like to know what to do about my spry horizontal sub-menu showing at the top of the page in IE.

Does anyone ever answer these questions? Where can I go to actually see answers to these questions?

Spry menu bars have nothing but trouble. Mine finally works in ie, but does not function at al in Firefox. Any suggestions?

No kidding, the person who wrote the article should be answering these

Hey there,

Just wanted you to know that I do read your questions, but most of these will take far more than a simple comment to answer. Look for a new tutorial (coming soon) with many more details about editing drop-down menus. I’m also planning to create a video tutorial so that you can “see” how some of these features work. Drop-down menus are one of the most complex features you can create in Dreamweaver, and it’s impossible to cover it all in one short tutorial. Just wanted you to know I understand how frustrating it is and I’m working with my editor to get more instructions up here soon.

I have a horizontal spry menu in a template. I want to edit it, but I can’t get the blue spry menu tab to show up so I can select it. Can you help?

I have an issue too with IE and the submenu loading in the top left hand portion of the screen. I would venture to say… the answer should be in the spry css IE HACK portion of the code. If I figure it out, I’ll post.

@Becky – I was having the same problem, but it was with my submenu and I couldn’t edit it in DW. In the document, the css of the horizontal menu ended up being set at -1000em so it was not showing so I could edit. I set it to 1000em and it worked fine. I can’t rememeber which portion of the css, but I figured it out by looking up the original css for the spry menu online and comparing mine side by side correcting things I didn’t think was right. The bad thing was, I couldn’t just open a new file and insert a new spry menu to start over. It would read from the spry css from the previous menu I created. I was pulling my hair out on that one :s.

I would recommend keeping a copy of the original spry css somewhere handy until you get the hang of those spiffy spry’s, lol.

I can’t get my spry menu to work in IE 7 at all! I’ve been reading dozens of different discussion boards and it’s all no help at all. I feel so frustrated, because I spent forever trying to learn how to get it to work and now i have no clue what to do next. You can see them here:

http://www2.hawaii.edu/~amcclusk/index2.html

any help would be hugely appreciated!
arlen dot mcc at gmail dot com

Hi there, I have created a horizontal drop down menu (Dreamweaver template page). It looks great in Safari but doesn’t work properly in IE7. In IE7 the submenu section appears at the top right hand side of page partially obscured by a cell of the main table. Is there some code I can add to my site to fix this so that it views correctly in IE7?

When I preview my spry menu everything looks great, however when I transfer it to my server, the website displays it like a bulletted list. I transferred all the files in my SpryAssets folder, but something seems to be missing. Can anyone help?

Look in the style sheet for the spry css.
delete
float: left;
background: #FFF;
This will fix the ie7 bug

/* 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;
float: left;
background: #FFF;
}
}

I created a vertical drop down menu using spry menu bar in dreamweaver cs3 but in the same page i also have flash photo gallery. when i click on the menu bar, the menu appears behind the photo gallery. it looks really bad on firefox. need help! thanks.

I also have a problem with Horizontal spry menu and IE7. When I bring my mouse over the menu, the submenu drops down from right hand side top of the screen. I cannot figure out wats to be done. Please guide me…

Thanks

Hello everyone,
I have created a website everything is working good even spry menu bar… the only problem i got is if in future if i add any link or spry menu bar or a sub item under one item… then i have to manually do that for each and every pages is their a way if i do changes to one spry menu bar it will change to all?

Frameset with a spry does not show in the
window, the drop down is hidden behind the adjacent frame. How can I make this visible?

Dreamweaver horizontal spry menu sub menus drop down and open in IE but will not drop down in Firefox, can you help?

Hi, Im creating a spry horizontal menu and would like the submenu to also be horizontal. Is this possible? I have been trying everything.
Thanks

I am using Dreamweaver CS3 and have been having problems with Spry Menu Bars. Adding a submenu causes the program to stop responding. I didn’t have this issue at first but now it happens all the time. I work around it by making revisions in the code, but I would really love to use the Spry feature as intended. Any ideas?

Thank you,
Eileen

Im using Spry menu at the first time. I dont like the blue mouse color, how do I change it, have been looking at the CSS, but cant´ find the solution.

I have created a template page w/a centered horizontal spry menu. When I create new page from template, my preview (and subsequent new page) is wrong (menu is to the left, background color is gone.) But if I preview that page in IE everything works and is correct – if I go to save that page I am prompted that a widget file containing horizontalbar.css is missing.

Ok so we are not going to get any answers from this site – where can I go to find the solution to the same problem as this guy I have psted below? – thanks

‘I’m asking many of the same questions, but mainly I would like to know what to do about my spry horizontal sub-menu showing at the top of the page in IE.
Does anyone ever answer these questions? Where can I go to actually see answers to these questions?’

Spry menu template HELP!
I am creating a template to be used across mu website. The only problem I have had is that I would like the spry menu colors to be editable (which I can do)without changing the colors on all pages. When I change the color on the next page it changes them all. I would like a different color for the menu on every page. Can anyone help me define my regions to make this happen?

Hey all,
I finally found the following page:

http://objectmix.com/macromedia-dreamweaver/399032-another-spry-menu-internet-explorer-problem.html

…where some good soul explained how to get this stuff to work.

There’s way more detail on the page about getting other stuff to work, you should all check it out, but this is the bit I used:

Fix the expanding box problem by removing all &nbsp or tags (non-breaking spaces and line-breaks) from the text you’re adding to the spry menu. This worked for me. Once I removed them and arranged the text without using them, I stopped getting the error messages when I checked browser compatibility. Hope this helps!

i don’t get it still don’t say what navigation means

hi, i’ve created a menu using spry collapsible panel widget. Can anyone tell me how to trigger the drop down menu by only hovering it instead of clicking on it?

Thx.

OMG, and here I’ve been “thinking” of trying to use spry on a website. It seems like there are a lot of mishaps and bugs in this “new technology”, and I’m not sure I want to try it.

Can anyone make it not as scary? Maybe ADOBE techs could actually ANSWER some of these questions, and give some instructions without making us pay more for one of their “nifty” additions to DW.

OMG, and here I’ve been “thinking” of trying to use spry on a website. It seems like there are a lot of mishaps and bugs in this “new technology”, and I’m not sure I want to try it.

Can anyone make it not as scary? Maybe ADOBE techs could actually ANSWER some of these questions, and give some instructions without making us pay more for one of their “nifty” additions to DW.

I am the same problem as this:

“I am editing css for my spry nav bar and can’t figure out how to have a different background color for the tab of the page that is open. For example when I am on the HOME page I want that tab a different color so the visitor knows what page they are on. I don’t see a style in the menu bar css that describes this condition. How would I write the selector?”

Is there a way to do this?

Thanks

Everybody should be starting here: http://www.adobe.com/devnet/spry/

As much as I love the Layers tutorials, I think they are better used after you take Adobe or Lynda.com

I cannot see Blue Spry Selection Tab. I made sure “show invisible elements” setting is turned on and that Hide All is off. What else could cause the tab to not be visible? Please Help!

excellent tutorial. exactly what i was looking for.

Hi – I just want a simple spry menu navigation menu – but I cant see the drop down menu in IE. I am confused – perhaps I am using the incorrect “link” to connect the main menu to the submenu ? Please Help!

Can someone just answer the question of how to center a horizontal spry menu???

How do I get rid of the blue border on a selected tab?

ur site is too long downward make it short if u want users to come again

My horizontal spry menu bar looks good except for one thing…after clicking on one of the links, a very think boarder appears around the box. Is there any way to remove this?

The background colors are set to #FFF…not sure why this is happening???

Many thanks in advance!

When I add a spry toolbar into a frame (leftframe) I cant get the blue menu option in step 8. Is anyone else having this problem?

For centering Spry Menu Bar You can look at http://www.thesitewizard.com

In regards to positioning the menu, I have heard alot of complaints about it going left or right and I had the same problem. I have been struggling with this for days, and I finally decided to play with the padding. To fix my problem, I opened the CSS for ul.menubarhorizontal.li and under “Box” I adjusted “padding left” by pixels amounts. I found that 17 px was the right amount to make it look centered.

What good is having this nice feature, if there is no realistic way to adjust the links contained within globally? This really nice tutorial doesn’t address that at all unfortunately. Starting from scratch, you can utilize templates, but for an existing site, it appears to be useless if you ever have to change a link.

I have been doing this for years and cannot figure out how to make this “improved” pop-up menu work vertically in IE -IE any version.
Is ADOBE LISTENING????

Hi,
Great page with a good manual how to use Spry Menubar.
I’ve create a page in my website with horizontal menu. I’ve also decided to use a frameset in my website.
main Topframe, Downframe and rightframe.

In the topframe I’ve the horizontal menu. But it can’t be shawn properly when I preview it in the webbrowser. The scrolling function doesn’t work properly. Why? It doesn’t shown because is under the downframe, where I would like to drop the links.

What can I do?

Hello,
I have been reading this for a while looking for an answer but I didn’t find it…!
Sorry if someone has already asked this, but I’m going crazy trying to figure out How to make the options in a single line?? I mean, in my menu almost every option has two or three words: too much text: so it automatically makes it in two or three lines. Example: The menu I’m working on now has this options (sorry it’s in spanish):

- Administración
– Concejo Municipal
– Gestión Administrativa
– Desarrollo y Control Urbano

And in the Spry Bar Menu it appear like this:
- Administración
– Concejo
Municipal
– Gestión
Administrativa
– Desarrollo
y Control
Urbano

, making the list looking messy and confusing.

I have been trying in every option making new and modifying Height and width styles, but nothing seems to work yet. If you can help me, any of you, I would really appreciate it.

Thank you very much!

Hello,
I wanted to be able to change the background color of the parent menu to “none” so that the background image shows through. And I want the sub-menu to be a solid color.

I thought I had it, as it looked perfect in Firefox but in Explorer 7, both the parent menu and submenu are white….it seems when you set the bg color to none…it shows as white in explorer 7…..is there a fix for this?

Hi,
I found the solution. In the CSS code:
1. Locate the ul.MenuBarVertical li or ul.MenuBarHorizontal li rule.
2. Change the width property to a desired width, or change the property to auto to remove a fixed width, and add the property and value white-space: nowrap; to the rule.

It’s all here: http://livedocs.adobe.com/en_US/Spry/SDG/help.html?content=WS895F3A6D-6D73-42ef-B568-3D04ABD2F171.html

Hope that help somebody else and not just me..!!

Hi is there a way to create the navigation 1 time and then pull it into all other pages using css or something else. That way if you need to change the menu bar in the future it will automaticly be updated on all 100+ pages?