Spry Horizontal Nav Bar not working in IE7

I'm currently working on a website for South Jersey MOM
Magazine (www.southjerseymom.com). The header layer contains a
graphic and a Spry horizontal menu bar for navigation. The
navigation works properly in Firefox. However, when I go to open up
the page in IE, it originally shows the navigation bar, along with
a Information Bar menu asking if I want to allow active script to
run. When I click "yes" to allow the content, then the bar
disappears and doesn't work. Any suggestions?

Similar Messages

Spry Horizontal Menu Bar not working in IE

Hi! I am new to this forum and new to Dreamweaver. I recently used Dreamweaver to build a website to display my digital portfolio. I am not very good at this and don't understand much of this works. I inserted a spry horizontal menu bar for my navigation. I did change the original set up to have the background the colors I wanted and I also changed the size so it would go across the top of my page. This looks fine in Firefox and Safari but in Internet Explorer the bar displays vertically, which does not look good. Can anyone look at my code and tell me how I can fix this problem?
I appreciate any help I can get with this as I have tried everything I know.
This is the link to my site: www.digitaldesignsbymargee.com

Hi! I am new to this forum. I inserted a spry horizontal menu bar for my navigation but i cannot able veiw a horizontal menubar in IE though it works fine in google chrome and Mozila. Can anyone look at my code and tell me how I can fix this problem?
w@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0px;
    padding: 0px;
    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: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 14em;
    float: left;
    border-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: none;
    border-right-width: 1px;
/* 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;
    width: 14em;
    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: 14em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: 0 0 0 99%;
/* 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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.9em 0.75em;
    color: white;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    color: white;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #FFF;
/* 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
    color: #FFF;
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: 10px 85%;
/* 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
    b/ackground-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 10px 85%;
/* 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
    b/ackground-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;
    filter:alpha(opacity:0.1);
/* 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;
     /* I have updated and checked the code as mentioned in the forum topic but still it is not working */
ul.MenuBarHorizontal a:visited { color: white;}
ul ul a { background-color: #436d9c; }
ul a.MenuBarItemHover { background-color: #19385a; }
ul .MenuBarItemSubmenu ul li a { border: none; }
ul a.MenuBarItemSubmenu.MenuBarItemSubmenuHover { background-color: #19385a; }
ul.MenuBarSubmenuVisible li { border: none; }
I appreciate any help I can get with this as I have tried everything I know.

Spry drop-down nav bar not working in Netscape 7

Hello
My site is up at www.Frontiers.uk.net.
I built a drop down navigation menu using Dreamweaver's new
Spry feature. It works fine in IE 6 & 7, Firefox & Mozilla,
but in Netscape 7 (the only Netscape I've tested), the dop-down
menus don't always appear (eg under Courses), and the submenus,
which should slide out to the right (eg. next to 'Children's
courses' under Courses) - do not work.
This bothers me as my stats (LiveStats) say that 30% of my
users (the highest amount) are using Netscape 7.x. Which I find
strange (I don't think that figure includes Firefox as the stats
list that separately).
Anyone else have this problem, and any idea how to fix it?
Thanks,
James

Have you contacted Project VII support or searched their knowledge base?
http://www.projectseven.com/support/index.htm
Also, is there any way to remove unused styles (in an external CSS) in DW? Just it would be a pain to go through and remove the styles I've tried, but then later decided not to use.
Not exaclty a DW answer, but I've used the free FireFox add-on to help me find unused selectors. Point it to a sitemap.xml and it can spider the whole site (as listed in that xml file).
https://addons.mozilla.org/en-US/firefox/addon/5392
But be careful with it. It apparently doesn't read JavaScript and your PMM triggers are actually used.
Mark A. Boyd
Keep-On-Learnin' :-)
If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.

Hroizontal Nav bar not working in IE

I have spent a lot of time setting up a spry horizontal navbar on a mac viewing it in Safari and Firefox.
It has been challenging but it seemed to be working. Now I am checking it on a Windows machine, Firefox still works but IE is not working.
On Windows in IE8 : The menu bar stacks in a big pile of full length center jusitfied menu buttons? the submenus are all left aligned but they do function.
In compatibility mode they disappear all together.
The margins are also off, the IE seems to match more accurately what I am seeing in dreamweaver ( i have had a really hard time center justifying the menu bar even with all the directions and code snippits, but the point is the variation and not matching FireFox or safari.
What am I doing wrong?
Site: waiting to fix this to go "live"
Compare the sites below in Firefox and IE8 to see the problem.
http://www.danceconnectionpaloalto.com/DRNewSite.com/index
and same problem on my second level page:
http://www.danceconnectionpaloalto.com/DRNewSite.com/Etiquette.html
Anyone have any ides? I see other spry nav bars working in IE8 I hope there is a fix for this.

sorry about incorrect links here are the real ones.
http://www.danceconnectionpaloalto.com/DRNewSite/index.html
http://www.danceconnectionpaloalto.com/DRNewSite/Etiquette.html

Spry Horizontal drop downs not working in Chrome or FF

Hi,
I used the Spry Horizontal Drop downs, and they work fine locally and in IE, but not in Chrome or FF, you can't see the drop down sub menus. I'm using DW cs3, updated spry 1.6.1
Here is a link to the site
http://youcanseeithere.com/spa4/index.html
thanks so much, any help would be greatly appreciated

This is where your problem lies
#header {width:100%; overflow:hidden;}
The best way out of this is to make logo.png a background image

How do I vertically center links in spry horizontal nav bar?

OS: Mac OS 10.6.7
APP: Dreamweaver CS5.5
Browser: Opera, Safari, Firefox, Chrome
At first, positioning looked great in Chrome and Firefox but was off in Safari and Opera. The link text appeared half on the background image and half below it.
After ample fiddling, vertical positioning is not working in any browser. Please let me know what properties, in what combination, used on which HTML objects will get me reliable results.
HTML:
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="header"><a href="../index.html"><img src="../images/banner.jpg" width="848" height="160" alt="Dorsay & Easton LLP, Indian Law, Home Page" /></a></div>
   <div class="menuImg">
<ul id="MenuBar3" class="MenuBarHorizontal">
    <li id="home" name="home"><a href="../index.html" title="Home page">Home</a></li>
    <li id="practice"><a href="../practice.html" title="Practice Areas">Practice Areas</a></li>
    <li id="team"><a href="../team.html" title="The Team at Dorsay & Easton">The Team</a></li>
    <li id="contact"><a href="../contact.html" title="Contact Us">Contact Us</a></li>
    <li id="canoe"><a href="#"> </a></li>
</ul>
</div>
CSS:
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
     list-style-type: none;
     font-size: 110%;
     cursor: default;
     width: auto;
     background-image: url(../images/menubackgrd.jpg);
     vertical-align: middle;
     position: relative;
     height: 38px;
     margin: 0px;
     padding-top: 0px;
/* 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;
     list-style-type: none; /* jacq addition. not working? */
     cursor: pointer;
     float: left;
     position: relative;
     height: 38px;
     padding: 2px;
ul.MenuBarHorizontal a {
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     color: #CC6;
     text-decoration: none;
     padding-top: 10px;
     padding-right: 12px;
     padding-bottom: 10px;
     padding-left: 12px;
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
     font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
     color: #FFC;
     text-decoration: none;
     margin: 0px;
ul.MenuBarHorizontal a:active
     color: #FFC;
     text-decoration: none;
     margin: 0px;
/* 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) */
/* commenting out all submenu style info
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 #CCC;
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;
     filter:alpha(opacity:0.1);
/* 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;
     background: #FFF;
#practice {
     height: 38px;
#home {
     height: 38px;
     margin-left: 5px;
#team {
     height: 38px;
#contact {
     height: 38px;
#canoe {
     height: 38px;
     width: 285px;
.menuImg {
     background-image: url(../../../DW-CIB/images/menubackgrd.jpg);
     height: 38px;
     width: 848px;
     position: inherit;
     visibility: visible;
     z-index: 2;
     top: auto;
     bottom: inherit;
     vertical-align: middle;
Thanks!
gotsowell

Try line-height: 19px; and display: block; (as shown) on the following css seletor :
ul.MenuBarHorizontal a {
     font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
     color: #CC6;
     text-decoration: none;
     padding-top: 10px;
     padding-right: 12px;
     padding-bottom: 10px;
     padding-left: 12px;
     line-height: 19px;
     display: block;
Normally setting a height on a container which you have no control over is not a good idea. The text can be enlarged and that will throw everything off. The best way is to set no heights at all but use padding and make sure your background image is flexible enough to accommodate the text enlargement.
ul.MenuBarHorizontal a {
      padding: 12px 12px;
     display: block;

Background Image in Nav Bar Not Working in IE 6 (but ok in 7 and Firefox 2)

Hi gang,
I'm having a bit of a problem with a background image for a navigation bar not appearing in IE 6. I've also tested it in IE 7 - it works perfectly, as it does in Firefox 2.
http://www.iainmoran.com/update/test.html
The really strange thing is the part of the bar after "Contact" IS fine in IE 6.
Also, is there any way to remove unused styles (in an external CSS) in DW? Just it would be a pain to go through and remove the styles I've tried, but then later decided not to use.
Thanks again,
Iain.

Have you contacted Project VII support or searched their knowledge base?
http://www.projectseven.com/support/index.htm
Also, is there any way to remove unused styles (in an external CSS) in DW? Just it would be a pain to go through and remove the styles I've tried, but then later decided not to use.
Not exaclty a DW answer, but I've used the free FireFox add-on to help me find unused selectors. Point it to a sitemap.xml and it can spider the whole site (as listed in that xml file).
https://addons.mozilla.org/en-US/firefox/addon/5392
But be careful with it. It apparently doesn't read JavaScript and your PMM triggers are actually used.
Mark A. Boyd
Keep-On-Learnin' :-)
If you are reading this via email, be aware that it may not be an accurate representation of my message. Login to read the actual message and/or to reply.

Responsive nav bar not working correctly

Hi All,
The responsive nab bar on the site below is working correctly. When it changes from horizontal buttons to vertical, the sub menu buttons do not display correctly and i cannot work out how to correct it, they should display underneath the menu button when clicked on but they don't?
Appreciate any help please.
http://www.clockdoctors.co.uk/index.html

The below css is all you should need for your media queries. I would think about using some jQuery onClick to show those sub menus as it's way to jumpy.
#nav {
width: 100%;
#nav li {
float: none;
font-size: 16px;
text-align: center;
width: 100%;
#nav li a {
display: block;
padding: 8px 0;
border-bottom: 1px solid #999;
#nav li a:hover{
color: #fff;
#nav li ul {
position: static;
#nav li ul li a {
padding: 8px 0;
#nav li a {
font-size:14px;
margin: 0;

Spry Vertical Menu Bar not working in IE8

I've upgraded to 1.6.1, but it still doesn't work in IE8 unless in compatibility mode. http://jimgreenrealty.com/Test.html
Works fine in other browsers and other Spry elements appear to work normally in IE8. Can anyone help?
Thanks,
Steve B.

If you deselect compatibility mode on IE8 the menu bar disappears (on
all our computers anyway). Works fine in all other versions of IE and
all other browsers. Updated to Spry 1.6.1 and still no avail.
Here it is w/o the emulating statement: http://jimgreenrealty.com/Test.html
The other pages on the site still have it.
Thanks for looking at it.
*/ <mailto:[email protected]>
<mailto:[email protected]>/*
Message was edited by: RRR Trail
Not sure how this forum works, I responded by email and it posts my email address. I don't seem to be able to edit to remove it. Please remove the email address. Thanks,

ALV-Horizontal scroll bar not working

Hi,
I have one ALV. There are 3 fields. First 2 fields are key fields and the third field is of type string with length 3000. The problem is I cant scroll the grid horizontally though the scroll bar is there.
where to use this method set_scroll_info_via_id() ?
Regards,
Sunil

HI Sunil,
If it is normal ALV the Vertical and Horizantal bars will enable automatically...
while fililng the filed catalog you use the parameter "OPTIMIZE"....
ie
wa_filedcat-COL_OPT = 'X'.
for better understanding..refer to this.
Re: Cursor in ALV container
hope it works..
Thanks!
Edited by: Prasanth on Mar 23, 2009 11:32 AM
Edited by: Prasanth on Mar 23, 2009 11:36 AM

Spry MenuBarHorizontal not working in IE7

Hi,
I'm new and this is my first post. I cannot get the Spry Horizontal Menu Bar to work in IE.
http://educationaltools.org/codnew/default.html
Please help!
Thank you!
Lisa
--UPDATE--
I updated to Spry Prerelease 1.6.1 and it seems to be working. Now I just need to update the css.
Message was edited by: ldsenters

This is what I would to do fix up your menubar CSS:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* 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: 9pt;
     z-index: 1020;
     cursor: default;
width: 17.8em;
     position: absolute;
     left: -1000em;
     height: auto;
     border-bottom-width: medium;
     border-bottom-style: none;
/*     top: 28px; Remove this line...in IE, it makes your submenus sit at the top of the screen.
/* 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: 10px; Remove. This must be 'auto' to bring it in from off-screen.*/
left: auto;
/*          width: 18em; Remove
height: auto; Remove
     width: auto; Remove
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
/*width: 18em; Remove
height: auto; Remove*/
width: 19em;
DESIGN INFORMATION: describes color scheme, borders, fonts
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: #03F;
     color: #CCC;
/*     width: auto; Remove*/
font-family: Arial, Helvetica, sans-serif;
     font-size: 8.3pt;
     font-weight: bold;
     text-decoration: none;
I've only quoted the styles with changes.
Beth

How can I get Firefox 4 to correctly display CSS padding for a horizontal nav bar (works in most other browsers, incl. earlier FF)?

I have just coded a horizontal nav bar for a site with CSS rollover effects using a:hover and a: focus effects. There are no images, just HTML and CSS. The layout works beautifully in IE 6 - 8, Safari for Windows, Opera for Windows...and Firefox 3.X but behaves poorly in Firefox 4. I've hardly ever had problems with FF before. :(
Here's the menu: http://sddlr01.hottubretailer.com/TestNav2.html
The rollovers extend below the height of the background div and the extra padding on the first and last li tag don't display correctly either. The page passes WebDeveloper toolbar CSS and HTML validation as well.
This is making me batty! Any help deeply appreciated!
Thanks.
All CSS code is in the page for debugging purposes.

I do not understand what you mean with "the rollover will extend the full width of the background"
A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

Spry Horizontal Menu Bar in IE

Hello,
I had looked at the forums for a possible solution to this, and none of the answers I have found work for me. I have a spry horizontal menu bar with a background image. It works in Safari, Chrome, and Firefox but on IE the background image does not show. There is only a white background. I have changed ul.MenuBarHorizontal li.MenuBarItemIE to have a background image but it still doesn't show in IE.
This is the website: fwmedpeds.net
I am very new to this and any help is appreciated.

If you go to your online SpryMenuBarHorizontal.css which can be found here http://fwmedpeds.net/SpryAssets/SpryMenuBarHorizontal.css, you will see the last few lines as I have previously quoted.
You will also see what Ken Binney has said
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
color: #000;
text-decoration: none;
background-image: url(../../../../../../../../My%20Documents/Fort%20Worth%20Med-Peds%20Website/MySite/Image s/button.jpg);
padding-top: 0.5em;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
/* 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
color: #000;
background-image: url(../../../../../../../../My%20Documents/Fort%20Worth%20Med-Peds%20Website/MySite/Image s/button.jpg);
font-weight: bold;
Gramps

Spry Horizontal Menu bar - submenu position

I'm new to spry so apologies in advance if this has been
posted before.......
I'm putting together a new site using the spry horizontal
menu bar - I've managed to put together a CSS format which works
well in both FireFox and IE7 EXCEPT for the position of the
sub-menus below the main menu bar. IE7 seems to position the sub
menu relative to the top right corner of the parent menu item.
Firefox seems to position it relative to the bottom left corner -
and I can't find a solution which works for both browsers. Any
ideas?

You must have fixed it in the meantime as I see no problem.
Gramps

Custom Navigation bar not working. Apple can't seem to help

After watching many videos on people customizing their Navigation bars on Iweb, I decided to do the same for my website. If you go to the home page of my site I can click on any link and have no problem. However, once I am off of the home page I cannot get any of the other links to work. I took my mac to the apple store and they showed me how to fix it. But it didn't help. Nor has there been any useful advice from calling their tech support. Any ideas on how to fix this would be appreciated.
Rev. Paul

So if you have a custom made nav bar that works okay on the home page, but not on the other pages of your site, did you remember to go and hyperlink your nav bar on the other pages of your site and not just your home page, or did you forget?
That is one reason why they will not work, if you forgot to hyperlink - you either have to hyperlink first and then copy and paste or do each page individually - it is time consuming, but is the price you pay for having a custom nav menu.
A url would be nice so we can see what is going on.

Spry Horizontal Nav Bar not working in IE7

Similar Messages

Maybe you are looking for