Creative COW SIGN IN :: SPONSORS :: ABOUT US :: CONTACT US
ADOBE DREAMWEAVER: HomeDreamweaver ForumDreamweaver TutorialsFAQAdobe FlashWeb Design

Re: Horizontal Spry Menu Bar links not right in IE

Cow Forums : Adobe Dreamweaver
FAQ   •   VIEW POSTS   •   ADD A NEW POST   •   SEARCH   •   CHANGE FORUM
Respond to this post   •   Return to posts index   •   Read entire thread


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   •   Read entire thread


Current Message Thread:


Related Threads:
Horizontal Spry Menu Bar links not right in IE



Note: If you are a registered user please click here to login before posting.

Your post will not be accepted if your name and email address are not registered in our database. Click here if you do not have an account.

Name
E-Mail Address
Subject
E-Mail me when someone responds
Just This Message   Entire Thread   None  

Message:



Note: The following are HTML characters and may cause parts of your post to disappear if not used correctly: < > &
To include any portion of the post in your response, highlight the desired text and hit the "Q" key. Read more...



Add your message signature


 


Note: By clicking "Post Direct" button above, you are agreeing to the Creative Cow's Code of Conduct.



FORUMSTUTORIALSMAGAZINETRAININGVIDEOS - REELSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

© CreativeCOW.net All rights are reserved.

[Top]