1 Reply Latest reply on Feb 15, 2010 7:47 AM by JoeDaSilva

    UL with nested UL needs to 'fly out' to the right.

    TCLewisProperties

      I've created a site for our office and only seem to have one sticking point. The owner wants the left nav to display the submenus only when the "for sale" or "for rent" are hovered over.

       

      I am nearly there, but I can't get the sub menus to have any functionality to display on hover.

       

      Your time is important, so I'll gladly take a link to a tutorial or article in order to learn what I need to know for getting the nested UL to display on hover. I have really researched it before posting this question. I did find a great video on do EXACTLY what I need, only it is with a horizontal menu. Here's the video: Here's the video

       

      I have also used a super book by Greg Rewis called Mastering CSS to get past this hurdle.

       

      Here's the link to my site with the UL as the left nav: click here
      Thank you for your time looking at this, and I hope I can offer some tips in return. I'm using the CS3 Design Premium on a HP pc.
      Rob Cookenour, Tennessee

       

      p.s. here's the UL as you'll see on the site:
      <ul>
      <li><a href="index.html">Home Page</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">For Sale</a>
      <ul>
      <li><a href="residential_condo_1.html">Residential / Condo</a></li>
      <li><a href="commercial.html">Commercial</a></li>
      <li><a href="land_lots.html">Land/Lots</a></li>
      </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">For Rent/Lease</a>
      <ul>

       

      <li><a href="rent_lease.html">Homes</a> </li>
      <li><a href="rent_lease_apts_condos.html">Apts / Condos</a></li>
      <li><a href="rent_lease_commercial_office.html">Commercia l / Office</a></li>
      <li><a href="rent_lease_vacation.html">Vacation</a></li>
      </ul>
      </li>
      <li><a href="MLS Search Frameset.html">Property Search</a></li>
      <li><a href="divisions.html">Divisions</a></li>
      <li><a href="../projects/index.html">Projects</a></li>
      <li><a href="../aboutus/index.html">About Us</a></li>
      <li><a href="meet_the_staff.html">Meet The Staff</a></li>
      <li><a href="../Portfolio/index.html">Portfolio</a></li>
      <li><a href="careers.html">Careers</a></li>
      <li><a href="contact_us.html">Contact Us</a></li>
      <li><a href="links.html">Links</a></li>
      <li><a href="../Press Room/index.html">Press Room</a></li>
      </ul>