Horizontal Spry Menu Bar links not right in IE


	Cow Forums : Adobe Dreamweaver << PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>

Horizontal Spry Menu Bar links not right in IE
by wendy glowski on Jul 1, 2009 at 4:56:10 pm

Horiz menu not displaying in IE 7 or 8 but works fine in firefox and Safari. Please help on deadline and I am not a developer!

submenu diplays on top of main link and not under it. Also submenu when open pushes hero image down below in IE8 only.

home page:
http://www.serifcreative.com/ums-junenew

spry css:
http://www.serifcreative.com/ums-junenew/spryassets/SpryMenuBarHorizontal.c...

Thanks, Wendy

Respond to this post • Return to posts index

Re: Horizontal Spry Menu Bar links not right in IE
by Richard Williams on Jul 2, 2009 at 3:14:17 pm

in your code, you have

<ul id="MenuBar1" class="MenuBarHorizontal">

  <li>

    <div align="center"><a href="#" class="MenuBarItemSubmenu">About Us</a>

        <ul>

          <li><a href="profile.htm">History of UMS</a></li>

          <li><a href="staff.htm">Management Team</a></li>

        </ul>

    </div>

  </li>

  <li>

    <div align="center"><a class="MenuBarItemSubmenu" href="#">Services</a>

        <ul>

          <li><a href="services_OA.htm">Outsourcing Advisory</a></li>

          <li><a href="services_CS.htm">Category Sourcing</a></li>

          <li><a href="services_OS.htm">Organizational Strategy</a></li>

          <li><a href="services_OEDS.htm">Operational Excellence &amp; Decision Support</a></li>

          <li><a href="services_AMO.htm">Asset Management Optimization</a></li>

          <li><a href="services_RE.htm">Real Estate Services</a></li>

        </ul>

    </div>

  </li>

  <li>

    <div align="center"><a class="MenuBarItemSubmenu" href="#">Industries</a>

        <ul>

          <li><a href="industries.htm">Pharmaceuticals</a></li>

          <li><a href="industries.htm">High-Tech</a></li>

          <li><a href="industries.htm">Financial Services</a></li>

          <li><a href="industries.htm">Consumer Packaged Goods</a></li>

          <li><a href="industries.htm">Industrial Manufacturing</a></li>

          <li><a href="industries.htm">Healthcare</a></li>

          <li><a href="industries.htm">Public Sector</a></li>

          <li><a href="clients.htm">Clients Served</a></li>

        </ul>

    </div>

  </li>

  <li>

    <div align="center"><a class="MenuBarItemSubmenu" href="#">Knowledge</a>

        <ul>

          <li><a href="whitepapers.htm">White Papers</a></li>

          <li><a href="journal.htm">UMS Journal</a></li>

          <li><a href="experience.htm">Case Studies</a></li>

        </ul>

    </div>

  </li>

  <li>

    <div align="center"><a class="MenuBarItemSubmenu" href="#">Press</a>

        <ul>

          <li><a href="news.htm">UMS News</a></li>

        </ul>

    </div>

  </li>

  <li>

    <div align="center"><a class="MenuBarItemSubmenu" href="#">Conferences</a>

        <ul>

          <li><a href="emeaConference.htm">UMS Advisory Strategic RE &amp; FM EMEA Conference</a></li>

          <li><a href="register.htm">UMS Advisory Strategic FM Conference</a></li>

          <li><a href="conferences.htm">Industry Conferences</a></li>

        </ul>

    </div>

  </li>

</ul>

you have used center align from within dreamweaver view to try to alter the spry, whereas you should only alter the look of the spry by altering the CSS.

replace this code with

<ul id="MenuBar1" class="MenuBarHorizontal">

  <li>

    <a href="#" class="MenuBarItemSubmenu">About Us</a>

        <ul>

          <li><a href="profile.htm">History of UMS</a></li>

          <li><a href="staff.htm">Management Team</a></li>

        </ul>

    

  </li>

  <li>

    <a class="MenuBarItemSubmenu" href="#">Services</a>

        <ul>

          <li><a href="services_OA.htm">Outsourcing Advisory</a></li>

          <li><a href="services_CS.htm">Category Sourcing</a></li>

          <li><a href="services_OS.htm">Organizational Strategy</a></li>

          <li><a href="services_OEDS.htm">Operational Excellence &amp; Decision Support</a></li>

          <li><a href="services_AMO.htm">Asset Management Optimization</a></li>

          <li><a href="services_RE.htm">Real Estate Services</a></li>

        </ul>

    

  </li>

  <li>

    <a class="MenuBarItemSubmenu" href="#">Industries</a>

        <ul>

          <li><a href="industries.htm">Pharmaceuticals</a></li>

          <li><a href="industries.htm">High-Tech</a></li>

          <li><a href="industries.htm">Financial Services</a></li>

          <li><a href="industries.htm">Consumer Packaged Goods</a></li>

          <li><a href="industries.htm">Industrial Manufacturing</a></li>

          <li><a href="industries.htm">Healthcare</a></li>

          <li><a href="industries.htm">Public Sector</a></li>

          <li><a href="clients.htm">Clients Served</a></li>

        </ul>

   

  </li>

  <li>

    <a class="MenuBarItemSubmenu" href="#">Knowledge</a>

        <ul>

          <li><a href="whitepapers.htm">White Papers</a></li>

          <li><a href="journal.htm">UMS Journal</a></li>

          <li><a href="experience.htm">Case Studies</a></li>

        </ul>

    

  </li>

  <li>

    <a class="MenuBarItemSubmenu" href="#">Press</a>

        <ul>

          <li><a href="news.htm">UMS News</a></li>

        </ul>

    

  </li>

  <li>

    <a class="MenuBarItemSubmenu" href="#">Conferences</a>

        <ul>

          <li><a href="emeaConference.htm">UMS Advisory Strategic RE &amp; FM EMEA Conference</a></li>

          <li><a href="register.htm">UMS Advisory Strategic FM Conference</a></li>

          <li><a href="conferences.htm">Industry Conferences</a></li>

        </ul>

    

  </li>

</ul>

This should sort the positioning out.

Not sure if it will sort out the viewing issue, come back again if it doesn't.

Richard Williams

Respond to this post • Return to posts index

Re: Horizontal Spry Menu Bar links not right in IE
by audrey chou on Jul 15, 2009 at 6:37:12 pm

hi i tried the code you listed and it didnt work. all it showed up as was a bunch of blue links that showed the titles.

whenever i try to put a horizontal spry menu bar it either does that or it stacks the options on top of each other so i can only see on tab. the vertical spry works fine but my dreamweaver cs4 seems to not want to cooperate with me to createa a horizontal menu bar~!

please help, thanks!

Respond to this post • Return to posts index

Re: Horizontal Spry Menu Bar links not right in IE
by Richard Williams on Jul 15, 2009 at 7:27:29 pm

This code was not for you though...? This was an issue with the HTML not the css...it sounds like you have altered the horizontalmenubar.css too much and it has caused havoc.
Try updating your sites spry css files by going to site, spry updater.

Richard Williams

Respond to this post • Return to posts index

Re: Horizontal Spry Menu Bar links not right in IE
by Daniel Caza on Oct 31, 2009 at 6:16:58 pm

Hey how did you change the submenu to look differently and have different hover states. I havn't been able to figure that out.

thanks

Respond to this post • Return to posts index


	<< PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>