www.webdeveloper.com
Results 1 to 4 of 4

Thread: spry menu issues and sub menu distance

Hybrid View

  1. #1
    Join Date
    Apr 2012
    Posts
    7

    spry menu issues and sub menu distance

    I have created a website with two vertical Spy menus (left side of page) but for some unknown reason when you select the sub menu the following issues occur.

    Sub menu laps over the main menu when selected but only to the left slightly it also appears slighty above the main menu only slightly.

    I want to see the main menu and the sub menu appear all at the same height

    The text also changes size smaller. when selected by the mouse.

    any suggestions on how to improve this thank you.

  2. #2
    Join Date
    Apr 2012
    Posts
    34
    Could you please post your code?

  3. #3
    Join Date
    Apr 2012
    Posts
    7

    Spry Menu code code

    Hi thank you here is the code for 2 menus

    the link is here http://www.clickonsthelenaisland.com...ons/index.html


    Menu one

    <ul id="MenuBar1" class="MenuBarVertical">
    <li><a href="#" class="MenuBarItemSubmenu">Septic Tanks/Cesspools</a>
    <ul>
    <li><a href="../septic tanks and cesspools emptying.html">Emptying</a></li>
    <li><a href="../Septic Tank &amp; Cesspool installations bristol.html">Installations</a></li>
    <li><a href="../septic tank cesspool soakaway inspections.html">Inspections/Repairs</a></li>
    <li><a href="../septic tanks how they work in bristol.html">How they work</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Treatment Plants</a>
    <ul>
    <li><a href="../treatment plant emptying.html">Emptying</a></li>
    <li><a href="../treatment plant installation.html">Installations</a></li>
    <li><a href="../treatment plant maintenance and servicing.html">Maintenance/Service</a></li>
    <li><a href="../treatment plant inspections.html">Inspections</a></li>
    <li><a href="../treatment Plant How It Works.html">How they work</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Soak-Aways Systems</a>
    <ul>
    <li><a href="#">Installation</a></li>
    <li><a href="#">Repairs</a></li>
    <li><a href="#">Pressure Jetting</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Drainage</a>
    <ul>
    <li><a href="#">Blockages</a></li>
    <li><a href="#">New Installations</a></li>
    <li><a href="#">Drain Re-Lining</a></li>
    <li><a href="#">Mains Connections</a></li>
    <li><a href="#">CCTV Surveys</a></li>
    </ul>
    </li>
    </ul>


    menu two


    <ul id="MenuBar2" class="MenuBarVertical">
    <li><a href="#" class="MenuBarItemSubmenu">Site Portable units</a>
    <ul>
    <li><a href="#">Emptying</a></li>
    <li><a href="#">Blockages</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Interceptors</a>
    <ul>
    <li><a href="#">Emptying</a></li>
    <li><a href="#">Installations</a></li>
    <li><a href="#">Maintenance</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Traps/Separators</a>
    <ul>
    <li><a href="#">Emptying</a></li>
    <li><a href="#">Installations</a></li>
    <li><a href="#">Maintenance</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Spray Booth Waste</a>
    <ul>
    <li><a href="#">Emptying</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Leachate</a>
    <ul>
    <li><a href="#">Emptying</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Pumping Stations</a>
    <ul>
    <li><a href="#">Emptying</a></li>
    <li><a href="#">Maintanance</a></li>
    <li><a href="#">New Pumps</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Sewage Tanks</a>
    <ul>
    <li><a href="#">Emptying</a></li>
    <li><a href="#">Installations</a></li>
    <li><a href="#">Maintenance</a></li>
    </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Site Maintenance</a>
    <ul>
    <li><a href="#">CCTV Surveys</a></li>
    <li><a href="#">Gully Empty</a></li>
    <li><a href="#">Pressure Jetting</a></li>
    <li><a href="#">Drain Maintenance</a></li>
    <li><a href="#">Wash down Pits</a></li>
    </ul>
    </li>
    </ul>

  4. #4
    Join Date
    Apr 2012
    Posts
    7

    Spry sub menus

    Hi thanks for all that replied i am still hoping some one can tell me (spry menu) how to set the distance of the sub menu from the main menu
    For some unknown reason my sub menu is lapping on my main menu when the link (main) menu is submitted

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles