Spry menu bar is not properly displayed in Internet Explorer.

Hello. I just got a new computer at work, and so I had to reinstall Dreamweaver CS6. Now my spry menu bar I have in a model is all disfigured. Instead of "horizontal", it's categories listed vertically and with no style. I tried messing around with turn styles, but the problem is that the spry menu bar seems well in Dreamweaver. I can provide the code if necessary. Let me know how you want to display. Thank you very kindly in advance.

Hi Nancy,.

I thought about it. The error was in my site definition. I had a mistake in "web URL".
What can make a difference of two points.

Thank you.

Tags: Dreamweaver

Similar Questions

Css Spry menu bar is not compatible with IE7? or compatibility view in IE8?

Well I did my site
. Swimmerbuddy.com
Problem: I used the bar of menus spry on a div tag I've got it works very well on several browser and so on... but hmm. I noticed that IE7 and only on compatibility view the IE8 does not work...
It seems that in the drop down menus covered by the main content underneath...
I started DWT, that I made myself. It's the TPL and css than controll the TPL and the spry menu bar.
PLEASE HELP ME... Thank you
IT'S THE TPL PAGE RUNS AWAY
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "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 "/ >"
<!-TemplateBeginEditable name = "doctitle"-->
< title > Untitled Document < /title >
<! - TemplateEndEditable - >
"" < link href = "... / CSS/main.css ' rel ="stylesheet"type =" text/css"/ >
<!-TemplateBeginEditable name = "head"->
<! - TemplateEndEditable - >
< style type = "text/css" >
a: link {}
Color: #000;
text-decoration: none;
}
< / style >
"" < script src = "... / SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script >
"" < link href = "... / SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / >
< style type = "text/css" >
a: visited {}
Color: #000;
text-decoration: none;
}
a: hover {}
text-decoration: none;
Color: #000;
}
a: active {}
text-decoration: none;
}
< / style >
< / head >
< body >
< div id = 'wrapper' >
< div id = "header" >
"" "< div id ="networkicons"> < a href ="http://www.facebook.com/?ref=logo#! profile.php? id = 100001554936595"target ="_blank"" > < img src = ""... / _images/facebook.png "alt =" facebook.com "width ="45"height ="45"border ="0"title ="facebook.com"/ > < /a > < a href ="http://www.myspace.com/swimmerbuddy"TARGET ="_blank"" > < img src = ".." "" / _images/myspace.png "alt =" myspace.com"width ="44"height ="45"border ="0"title ="myspace.com"" / > < /a > < a href = "http://twitter.com/swimmerbuddy" TARGET = "_blank" > < img src = ".. "" / _images/twitter.png "alt =" twitter.com"width ="43"height ="45"border ="0"title ="twitter.com"" / > < /a > < a href = "http://www.youtube.com/swimmerbuddy1" TARGET = "_blank" > < img src = ".. "/ _images/youtube.png" alt = "youtube.com" width = "44" height = "45" border = "0" title = "youtube.com" / > < /a > < / div > "
< div id = "buyNow1" >
"" < p > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" alt = "bt1" width = "130" height = "25" border = "0" longdesc = "Order your Buddy swimmer today!" / > < /a > < /p >
< / div >
< / div >
< div id = 'mainNav' >
< ul id = "mainNavcontent" class = "MenuBarHorizontal" >
"< li > < a href ="... / index.htm "> home < /a > < /li >"
"< li > < a href ="... / swimmer.html "> boyfriend swimmer < /a > < /li >"
"< li > < a href ="... / order_now.html "> order now < /a > < /li >"
< li > < a href = "#" class = "MenuBarItemSubmenu" > Gallery < /a >
< ul >
"< li > < a href ="... / photo_gallery.html "> Photos < /a > < /li >"
"< li > < a href ="... / video_gallery.html "> videos < /a > < /li >"
< /ul >
< /li >
< li > < a href = "#" class = "MenuBarItemSubmenu" > Products Zinger < /a >
< ul >
"< li > < a href ="http://www.winkyscoop.com/ "> Winky Scoop < /a > < /li >"
"< li > < a href ="http://www.1800succeed.com/ "> Hypmovation < / a > < /li>"
"< li > < a href ="http://www.1800succeed.org/ "> 1800SUCCEED < / a > < /li>"
"< li > < a href ="http://www.zingerproducts.com "> Zinger store < /a > < /li >"
< /ul >
< /li >
"< li > < a href ="... / about.html "> about us < /a > < /li >"
"< li > < a href ="... / contact.html "> contact us < /a > < /li >"
< /ul >
< / div >
<!-TemplateBeginEditable name = "mainContent"->
< div id = "pageInfo" >
< div id = "info_page" >
< class p = "regionID" > region ID < /p >
< hr class = "breaklinePageInfo" / >
< class p 'breadcrum' = > & gt; "< a href ="... / index.htm "> Breadcrum < /a > < /p >"
< / div >
< div id = "mainContent" >
< div id = "content" >
< p > main content goes its < /p >
< / div >
< / div >
< / div >
<! - TemplateEndEditable - >
<!-TemplateBeginEditable name = "buynow2"->
"" < div id = "buyNow2" > < a href = "... / order_now.html" > < img src = "... / buynowbutton.png" width = "130" height = "25" / > < / has > < / div >
<! - TemplateEndEditable - >
< div id = "footer" >
< div id = "footertext" >
< class p = "footertextclass" > Copyright © 2010 SwimmerBuddy.com. All rights reserved. "SwimmerBuddy.com part of < a href ="http://www.zingerproducts.com"class ="footertextclass"> Products Zinger < /a >." Designated brands and trademarks are the property of their respective owners. This page was last updated on September 28,2010. Swimmer Buddy - Pattent pending 2010 < /p >
< / div >
< div id = "footerlinks" >
"" < p classs = "footerlinkspacing" > < span class = "footerlinkspacing" > < a href = "... / Disclaimer.html" "> WARNING < /a > < a href ="... / terms.html "> terms of Service < /a > < a href ="... / contact.html "> contact us < /a > < / span >"
< / div >
< / div >
< / div >
< script type = "text/javascript" >
var MenuBar1 = new Spry.Widget.MenuBar ("mainNavcontent", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
< /script >
< / body >
< / html >

IT'S THE MAIN. CSS
@charset "utf-8";
{#networkicons}
height: 50px;
Width: 200px;
top of the margin: 160px;
margin left: 15px;
position: absolute;
}
{#wrapper}
Width: 933px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
left margin: auto;
text-align: left;
position: relative;
}
{#mainNav}
text-align: center;
position: relative;
margin-right: auto;
left margin: auto;
Width: 934px;
padding-bottom: 15px;
Clear: both;
overflow: visible;
}
{#navwrapper}
Width: 935px;
margin-right: auto;
left margin: auto;
}
#mainContent {}
Width: 910px;
padding-left: 10px;
padding-right: 10px;
position: relative;
padding-bottom: 20px;
padding-top: 20px;
}
#content {}
Width: 910px;
position: relative;
}
#wrapper #footer #footerlinks p .footerlinkspacing a {}
right margin: 20px;
}
#footer {}
Width: 930px;
background-color: #fff;
position: relative;
top of the margin: 5px;
text-align: center;
Color: #000;
padding-bottom: 10px;
margin-bottom: 15px;
}
#header {}
Width: 930px;
height: 209px;
background-image: url (.. / _images/header.jpg);
background-repeat: no-repeat;
}
{#buyNow1}
height: 25px;
Width: 140px;
float: right;
do-family: Arial, Helvetica, without serif.
make-weight: bold;
text-align: center;
background-repeat: no-repeat;
color: #666;
padding: 5px;
position: absolute;
top: 160px;
right: 150px;
}
{.buyNow1}
color: #666;
}
#wrapper #pageInfo #info_page .breadcrum {}
color: #003;
}
#wrapper #pageInfo #info_page .breadcrum a {}
color: #003;
}

HTML, body {}
margin: 0px;
padding: 0px;
}
{#buyNow2}
height: 25px;
Width: 130px;
float: right;
do-family: Arial, Helvetica, without serif.
make-weight: bold;
text-align: center;
padding: 5px;
position: relative;
}
#wrapper #buyNow2 a {img
position: absolute;
top:-30px;
right: 50px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
{#pageInfo}
Width: 930px;
background-image: url (.. / _images/pageinfobackground.jpg);
background-repeat: repeat-x;
background-color: #FFF;
text-align: left;
padding-bottom: 15px;
top of the margin: 18px;
position: relative;
overflow: visible;
visibility: visible;
}
#wrapper #mainNav #mainNavcontent {}
position: absolute;
left: 0px;
Width: 930px;
}
{.regionID}
do-size: 2em;
make-weight: bold;
color: #FFC;
margin-top: 1em;
margin-bottom: 0em;
text-align: left;
margin-left: 5px;
}
{.breaklinePageInfo}
top of the margin: 0.5em.
color: #FAFEAB;
}
{.breadcrum}
color: #003;
font size: 1.1em;
make-weight: bold;
text-decoration: underline;
margin-top :-0 .2em;
margin left: 15px;
}
{#breadcrum}
make-weight: bold;
color: #003;
}
{#footertext}
Width: 910px;
font size: 0.6em;
padding-left: 10px;
padding-right: 10px;
margin-top: 10px;
}
{#footerlinks}
Width: 930px;
font size: 0.7em;
make-weight: bold;
do-family: "Lucida Sans Unicode", "Lucida Grande", without serif.
Color: #000;
position: relative;
margin-top: 10px;
margin-bottom: 5px;
}
{.footertextclass}
Color: #000;
}
{.footerlinkspacing}
margin-top :-0 .5em;
color: black;
height: 10px;
make-style: normal;
line-height: normal;
do-variant: normal;
letter-spacing: normal;
}
{p}
margin: 0px;
padding: 0px;
}
{body
text-align: center;
top of the margin: 5px;
background-color: #073e78;
background-image: url (.. / _images/background.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
do-size: 100%;
}
IT's THE list drop-down menu.css
@charset "UTF-8";
/ * Sections - version 0.6 - Pre - Release Spry 1.6.1 * /.
/ * Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/*******************************************************************************
The AVAILABLE INFORMATION: Describes the box model, positioning, the order
*******************************************************************************/
/ * The outermost container for the menu bar, an area of width auto without margin or padding * /.
UL. MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 100%;
cursor: default;
Width: auto;
}
/ The menu bar value active with this class, currently the definition of z-index to accommodate IE rendering bugs: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html * /.
UL. MenuBarActive
{
z-index: 1000;
}
/ * Menu item containers, position of children relative to this container and are a fixed width * /.
UL. MenuBarHorizontal li
{
margin: 0px;
padding: 0;
list-style-type: none;
do-size: 100%;
position: static;
text-align: center;
cursor: pointer;
Width: 132.8px;
float: left;
overflow: visible;
visibility: visible;
}
/ * Submenus should appear under their parent (top: 0) with a higher z-index, but they are first the left side of the screen (-1000em) * /.
UL. MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
do-size: 100%;
z index: 1020;
cursor: default;
Width: 132.8px;
position: absolute;
left:-1000em;
}
/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we put the car left so it happens on the screen below its parent menu item * /.
UL. MenuBarHorizontal ul. MenuBarSubmenuVisible
{
left: auto;
}
/ * Container of menu items are same fixed width parent * /.
UL. MenuBarHorizontal ul li
{
Width: 8.2em;
}
/ * Submenus should appear slightly overlapping to the right (95%) and upward (-5%) * /.
UL. MenuBarHorizontal ul ul
{
position: absolute;
margin:-5% 0 0 95%;
}
/ * Submenu that shows with the designation of the class MenuBarSubmenuVisible, we have left to 0, it is on the screen * /.
UL. MenuBarHorizontal ul. MenuBarSubmenuVisible ul. MenuBarSubmenuVisible
{
left: auto;
top: 0;
}
/*******************************************************************************
INFORMATION DESIGN: Describes the set of colors, borders, fonts
*******************************************************************************/
/ * Submenu containers have borders on all sides * /.
UL. MenuBarHorizontal ul
{
border: #333;
color: #FFF;
}
/ * Menu items are a light grey block with padding and no text decoration * /.
UL. MenuBarHorizontal a
{
display: block;
cursor: pointer;
background-color: #FFF;
Padding: 0.5em 0.75em;
Color: #333;
text-decoration: none;
background-image: url (.. /_images/bar-Top.png);
background-repeat: no-repeat;
}
/ Components menu that have mouse over or focus have a blue background and white text * /.
UL. MenuBarHorizontal a: hover, ul. MenuBarHorizontal a: focus
{
color: #003;
background-image: url (.. /_images/bar-Bottom.png);
}
/ * Menu items that are opened with the submenus are on MenuBarItemHover with a blue background and white text * /.
UL. MenuBarHorizontal a.MenuBarItemHover, ul. MenuBarHorizontal a.MenuBarItemSubmenuHover, ul. MenuBarHorizontal a.MenuBarSubmenuVisible
{
color: #003;
background-image: url (.. /_images/bar-Bottom.png);
background-position: bottom;
}
/*******************************************************************************
Submenu INDICATION: styles if there is a submenu in a given category
*******************************************************************************/
/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
UL. MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url (.. /_images/bar-topsub.png);
background-repeat: no-repeat;
background-position: right top;
}
/ * Menu items that have a submenu have the MenuBarItemSubmenu class designation and are set to use a positioned background the far left (95%) and vertically centered image (50%) * /.
UL. MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url (SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 50 95%;
}
/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
UL. MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url (.. /_images/bar-topsubhover.png);
background-repeat: no-repeat;
background-position: right;
}
/ * Menu items that are opened with the submenus have the designation of the MenuBarItemSubmenuHover class and are set to use a background image "hover" positioned on the far left (95%) and centered vertically (50%) * /.
UL. MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url (SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 50 95%;
}
/*******************************************************************************
BROWSER HACKS: hacks below should not be changed, unless you are an expert
*******************************************************************************/
/ * HACK FOR IE: to ensure that sub menus show above form controls, underpin us each submenu with an iframe * /.
UL. MenuBarHorizontal iframe
{
position: absolute;
z index: 1010;
Filter:alpha(opacity:0.1);
}
/ * HACK FOR IE: to stabilize the appearance of the menu items. the slash in the float is to keep IE 5.0 analysis * /.
@media screen, projection
{
UL. MenuBarHorizontal li. MenuBarItemIE
{
display: inline;
f\loat: left;
Background: #FFF;
}
}

There are too many mods in your sections for me to go through.

I recommend you first read this http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one

Then, start with an original sections based on these rules.

Other useful links can be found here http://www.adobe.com/devnet/dreamweaver/spry.html and go to design application to the Spry widgets

Spry menu bar does not work

Hello
My menu bar is not displayed for the drop-down list in chrome or firefox on http://www.datadrivenlogistics.com/
Can anyone help
Thank you

The drop down menus are displayed, but there is no background color. With white text, you probably can't see it.

Add background color to the ul. MenuBarHorizontal a style rule.

Spry menu bar does not not on Web site

Hey guys,.
I'm currently edit a Web site so that it has a large menus spry horizontal bar on the home page and once you go to other pages there is a small bar of menus spry as a header. For this I created for files .css, for the greater the file CSS is called sections and the css in the header of the smallest file is called SpryMenuBar1.css. I downloaded the current Spry folder on my remote server and a test html just to see if it works. For some reason but it does not work? In DW on Live View and preview in Chrome and IE work perfectly well for both the largest and most small Spry menu bar. Keep in mind that I'm working on a local server in DW. Test html code is http://www.soccerexperience.com/cover_flow_test.html. On this page, I've included the smaller Spry menu bar. I have not really tested yet my home page. Could you please help me shed some light on this problem? I'm pretty new to the website editing so if your answer could be clear would be great.
Thanks in advance

Your menu bar does not work because SpryMenuBar.js has not been uploaded to the server, or if it has, it's in the wrong place.

Spry menu bar does not refresh when published

I am building a webpage in dreamweaver, however a model.
for some reason, it won't change the spry menu bar to update changes made to the links on this subject.
that as well as the links do not work on the site (I downloaded on a test site).
I don't know if it's the same problem.
I changed the site to document links.
I also checked the codes http://validator.w3.org/check and http://jigsaw.w3.org/css-validator/ .
I also read that link, and it did not help me http://helpx.adobe.com/dreamweaver/kb/paths-dreamweaver-templates.html .
Can someone please!
Thank you

There are several problems I see immediately in this TEST file:

1. first of all, there is clearly a problem with your site definition for a number of your links is ill-formed.

("File:///" link should never happen - see the link corresponding to your second file)

also -.
On Jan Kardys

Resources
- Education connection

Spry menu bar does not refresh
I move to Dreamweaver from GoLive. Learn a lot. Built a model and it works except for the horizontal spry menu bar. The menu (on the pages built from the model) will be not updated when I change information about the menu bar on the template. I joined just about everything about the model inside an editable region, including the spry menu bar. I worked all day on this topic, read everything I can find. No where can I find specific information within a model of spry menu. Is this not done? If this isn't the case, could someone point me to information about how to generate a menu spry I can change once and update many pages at once?
Thanks to all those who can help you,
Becky
Editable model sections of are not up-to-date in the world when a model is updated. The logic is that the editable sections are specific to the page of the child and that no editable regions are applied to all pages using the template.

If you want that your Spry menu spread on all dependent pages, put it in the noneditable region. Then, when you update the menu, you will be prompted by DW to update all dependent pages.

Spry menu bar will not collapse.

When I open a page in Dreamweaver CS5.5, the menu bar code like this
"" < 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" / >
< / head >
and low it
< script type = "text/javascript" >
<!--
var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "..."}) "" / SpryAssets/SpryMenuBarDownHover.gif ', imgRight: ".. ({"/ SpryAssets/SpryMenuBarRightHover.gif"});
->
< /script >
< / body >
< / html >
and the menu bar and will not collapse.
At first, I deleted the... / in front of the SpryAssets and the problem has been resolved, but this no longer works.
I would like to know why this is happening - bar menus work on site, as soon as I copier copy on my computer, and then open them in DW, I have this problem
So, I can not change/update all pages as the menu bar doesn't work.
Windows 7 64 bit, Dreamweaver 5.5
Thank you very much
D

This review the SpryAssets folder links ARE incorrect.

They should be as below (WITHOUT the... / in front of them) that the page you look at (mother_and_baby_yoga.html) IS NOT in a subfolder of your main site folder:

If your page was in a subfolder, then the links would require the... / in front of them.

Menu bar is not properly

I created this site for a client- http://jordandpollack.com/ - and everything worked fine and it looked very nice. But I have just returned to check something on this topic today and noticed that now, the menu is messed up on all pages in Chrome and Firefox. For some reason, the menu is not implemented and wraps around to a second line below. 'Volunteering' button should be up there next to "Contact us".
Can you see why this is happening? I tried to add a few breaks in right after the navigation bar, but it does not solve the problem...
Thank you very much!
~ Sarah

Where did you get

Width: 141.6777px;

implement

Width: 16.6667%;

Fonts in the header bar is not properly displayed when downloading at BusinessCatalyst.

I'm using a font called adobes capable and the text on the page appears to be displayed correctly, but strangely see the text in my menu. I tried to empty the cache and removing all the existing pre web files and re download site
The first image is how it should be displayed
Second image is how it is now display after download

Eventually, you encounter a bug that will be fixed in a future patch update.

In the meantime, it is the workaround:

Go to "Site context/Advanved" and turn off "Activate / BIE InBrowser Editing.

After re-download from your site, everything should be good again.

Vertical Spry menu bar does not work in IE 9

Hello
I hope someone can help me with this problem.
This is the first time I made a website, but there are still some problems, especially with IE (when I use other browsers there no problem).
The site I made is www.verdoncklaarne.be. When you click on the Menu to go to the submenu, submenu tis opens in leftcorner of the window.
Is this a common problem? I'm still not fix.
I hope someone can help me! (If you need more information just )
Welcome,
Ruth
(Sorry my English)

Hi Ruth,.

usually you/we need to copy these files in a subdirectory of your / our web page, which is called "SpryAssets." BTW, you made reference to this directory in your source code, see here:

.

Hans G.

Not all of my Internet Explorer Favorites import into Firefox Bookmarks.

I can't transfer all my Firefox bookmarks. Transfer always stops in the same place and do not transfer the rest.

Thank you

If you have problems with importing IE bookmarks in Firefox, then export favorites in Internet Explorer to a HTML file and import this file in the Firefox Bookmarks Manager.

If you don't have the menu bar in Internet Explorer, and then right-click on the toolbar above to activate the menu bar.
- Export Favorites in Internet Explorer to a file (bookmarks.html) HTML: file > import and export
- Import the HTML file in Firefox: bookmarks > show all bookmarks > import and backup > import HTML: from a file
See "Import from another browser" and "import from file":
- http://KB.mozillazine.org/Import_bookmarks

Srpy menu bar is not displayed
Work on modifying a spry menu bar when suddenly the menu bar will not appear. I tried creating a new page and inserting the menu bar and still will not display. Will not display even in the preceding pages created.
Anyone have any ideas?
Thank you
The following code calls the widget menu bar in your document, but the widget will be not found, if the code that I provided you is not properly formatted.

When I insert a SPRY widget in my document files, Javascript and CSS that are building and determine the appearance of the widget are automatically placed in a folder called SpryAssets. My document is located in a different folder. Thus, I must leave the folder containing my document before entering the SpryAssets folder. When I read your href attribute, it seems that your SpryAsset file and your document are located in the same directory folder. If this is true, then I do not understand why your widget does not appear.

I can offer two additional suggestions, and then my knowledge of what might be wrong is exhausted:

(1) if possible, insert the widget again using a previous version of your document in which the widget has already been inserted.
(2) make sure that your document has been saved at least once before you insert a SPRY object. This will ensure that everything is properly connected when the widget is inserted.

In the meantime, perhaps someone more competent that I'll be able to help.

Spry menu bar display in IE compatibility mode

The menu bar horizontal spry on http://ww.ituna.ca works fine except that if a person has their defined to display IE browser compatibility javascript is disabled and the Drop downmenu does not work. Someone who isn't savy to this setting will find that the menu bar does not - there was a way to avoid this - works fine in chrome and firefox.
Pat

Ok. Now I understand what you are getting. In IE8, there is a compatibility button which resets the browser IE7 standards. This has nothing to do with JavaScript.

Test the page in IE7, I see the problem. There are a few errors in the markup.

The or to line 385 the line reads

autoHeight: 'false. '

Being the last property in the constructor, there should be no comma at the end, so the line should be

autoHeight: 'false. '

The second problem is caused by the implementation of the link to the SpryMenuBar.js. Just move this link to the top of the links as per

Finally, to rid the place of the comapibility the following line just under the opening buttontag

GRAMPS

Spry menu bar: can I make a tab NOT a link? The child just come off her?

Hi, I have DW CS3. I have a spry menu bar which I DO NOT have each tab to be a link to a page. I want to just fall down and show the links of the child. I.E. I have a link that says "Golf Tips", I don't want that is clickable. I just want that he dropped down to the submenus. 'fix my bracket', 'solve my crochet', etc.). Because it seems that each tab should have a link it requires me to create a page of destination which are licensed in the drop-down list coming out of the tab "golf tips". I tried to let the empty link area, but it won't let me. It pops up "Please insert a link."
Any way around this. Right now I have about 6 of them I need to fix, as landing pages are confusing and unnecessary. Either that or I'll have to get rid of the child and the links just do the landing page. Maybe that's the best option.
Thank you
Ken

If you don't want the link to go anywhere just use an empty anchor «#» You can't leave it empty because of how work meuns CSS. The 'a' tag in the CSS, it's what is used to trigger the drop-down menus, but using an empty anchor will ensure visitors won't go anywhere.

W centering Spry menu bar / left + right, but not in the bar area?

Hi - I am in Dreamweaver 5, trying to focus a Spry menu bar (from model column 1, header / footer) and put a margin, or equal space on the left and right of the full menus bar, but don't not spacing between the individual elements of the bar. Can anyone let me know where I could adjust in the Spry Menu Bar Style sheets, or if it is possible?
Thank you very much!

It would be good to see the code and css, but yes, you will need to insert the menu

Spry menu bar is not properly displayed in Internet Explorer.

Similar Questions

Maybe you are looking for