View Single Post
Old 08-14-2008, 09:51 PM   #1
Join Date: Aug 2008
Posts: 4
Question Newbie needs help with Verticle Spry Menu

Hi all,

First post here, and I need some help. I'm trying to do a simple verticle spry menu with a total of 3 levels (i.e., 2 levels of submenus). Everything is lined up the way I want, except for the lowest menu level. On rollover, this last level (the one labeled "Individual") appears on top of the 2nd level submenu (on top of "Therapy" to be exact). I want the lowest menu level to be exactly side-by-side with the 2nd menu level (like I have with the 1st and 2nd menu levels). Specifically, I want the 2nd menu level to keep it's current width (i.e., I don't want "Workshops/Presentations" to be word wrapped. I've been fiddling with this for days with no luck. Please help! Below is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="Spry Assets/SpryMenuBar.js" type="text/javascript"></script>
<link href="Spry Assets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

<img src="" alt="" name="sdf" width="580" height="135" align="top" id="sdf" />
<ul id="Navigation" class="MenuBarVertical">
  <li><a href="#">Home</a>      </li>
  <li><a href="#" class="MenuBarItemSubmenu">Services</a>
      <li><a href="#" class="MenuBarItemSubmenu">Therapy</a>
            <li><a href="#">Individual</a></li>
      <li><a href="#">Assessment</a></li>
      <li><a href="#">Workshops/Presentations</a></li>
  <li><a href="#">About Me</a></li>
  <li><a href="#">What To Expect</a></li>
  <li><a href="#">Getting Started</a></li>
  <li><a href="#">FAQ</a>      </li>
  <li><a href="#">Contact</a></li>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("Navigation", {imgRight:"Spry Assets/SpryMenuBarRightHover.gif"});

Thank you for taking a look!
Irimi-Ai is offline   Reply With Quote