Skip navigation
myquirk
Currently Being Moderated

Problems with Vertical Spry menu bar in Internet Explora

Apr 4, 2012 8:04 AM

Tags: #internet_explorer #spry_menu_bar #spry_vertical_menu_bar

Hi I'm new to Dreamweaver,

 

I having trouble with a new site I'm making in CS4. A problem with a vertical menu bar, in IE. Can anyone help?

 

1. The text is left aligned and should be centered.

2. The menu bar has moved left

3. My paragraph text has moved up the page and aligned itself to the to the menu bar.

 

Website address: http://www.greenwyse.co.uk/

 

I'm finding dreamweaver a bit clunky, reading the 'Missing Manual' but still very frustrating. Any one have any idea's/

 

cheers

 

myquirk

 
Replies
  • Currently Being Moderated
    Apr 4, 2012 9:52 AM   in reply to myquirk

    To be honest I'm not sure why you are using a spry menu? You don't have any drop down sub-menus going on, not that I can see anyway. Maybe it was just there and you inserted it for convienience.

     

    Anyway it looks like your js file is somehow corrupt (IE doesnt like it anyway). Switch to code view and scroll down until you find the line of code below:

     

    <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

     

    Replace it with the following:

     

    <!-- <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script> -->

     

    As you don't have any movement in your spry menu bar you can comment it out which is what the <!--   --> does so the browser does not read it or you can delete the line of code completely.

     

    See what happens when you comment it out first.

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 4, 2012 7:14 PM   in reply to myquirk

    Sorry, but your CSS is has been mangled beyound recognition.

     

    The solution is to start with an untouched style sheet. Then add or modify the CSS testing in your browsers as you make the changes.

     

    Have a look at the following where I have positioned the menu. All that is now required is the styling for font and the hover event.

     

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet">
    <style>
    body {width: 960px;    margin: auto;}
    .article {clear: both; margin: 20px;}
    /* SPRY MENUBAR */
    ul.MenuBarVertical {width: 29em; margin: auto; border: none;}
    ul.MenuBarVertical li {width: 29em; text-align: center;}
    ul.MenuBarVertical a {background-color: transparent;}
    </style>
    </head>
    
    <body>
    <h1><img src="http://www.greenwyse.co.uk/greenwyse natural products/green_wyse_logo.png" width="200" height="136" alt="Green Wyse Natural Body Care Products" longdesc="greenwyse natural products/green_wyse_natural_body_care_products.png" /></h1>
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="index.html">100% Natural</a></li>
      <li><a href="greenwyse natural products/about dawn Ireland.html">Handmade</a></li>
      <li><a href="greenwyse natural products/Hand-Made-Natural-Bodycare.html">Eco Friendly</a>      </li>
      <li><a href="greenwyse natural products/green wyse body care products.html">Luxurious Body Care</a>    </li>
    </ul>
    <div class="article">
      <p>Working through a top-down, bottom-up approach, the vitality of conceptual synergies is of supreme importance to focus on improvement, not cost. Motivating participants and capturing their expectations, through the  adoption of a proactive stance, the astute manager can adopt a position at the vanguard. Building flexibility through spreading knowledge and self-organization, by moving executive focus from lag financial indicators to more actionable lead indicators, the new golden rule gives enormous power to those individuals and units.</p>
      <p>Organizations capable of double-loop learning, empowerment of all personnel, not just key operatives, measure the process, not the people. In a collaborative, forward-thinking venture brought together through the merging of like minds. The balanced scorecard, like the executive dashboard, is an essential tool in order to build a shared view of what can be improved, the vitality of conceptual synergies is of supreme importance. While those at the coal face don't have sufficient view of the overall goals.</p>
    </div>
    <!-- I prefer to keep the JS at the bottom of my document -->
    <script src="SpryAssets/SpryMenuBar.js"></script>
    <script>
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

     

    Gramps

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points